:root {
    --gradient-product-card-button-default: linear-gradient(-90deg,rgba(203, 192, 177, 1) 0%, rgba(194, 182, 166, 1) 25%, rgba(178, 165, 150, 1) 50%, rgba(163, 149, 135, 1) 75%, rgba(154, 142, 131, 0.73) 100%);
    
  --gradient-product-card-button-hover: linear-gradient(90deg,rgba(203, 192, 177, 1) 0%, rgba(194, 182, 166, 1) 25%, rgba(178, 165, 150, 1) 50%, rgba(163, 149, 135, 1) 75%, rgba(154, 142, 131, 0.73) 100%);
}
/* start of title-border section */
.enhanced-title-border {
	border: none;
	display: block;
	width: 21.28px;
	height: 28px;
	background-image: url("https://i.ibb.co/Gf4QDM9P/ramlen.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;

	&:after,
	&:before {
		background: #e8d7c4;
	}
}

/* end of title-border section */
.double-banner--2 {
	.flex {
		justify-content: center;

		a {
			flex-basis: unset;
		}
	}
}

.fixed-products--3 {
	.s-products-list-vertical-cards {
		justify-content: center;
		grid-template-columns: repeat(var(--products-per-row), minmax(0, 300px));
	}
}

custom-salla-product-card {
	box-shadow: 0px 4px 4px 0px #0000001a;
}

.why-us {
  position: relative;
  margin-block-start: 120px;

  &::before {
    position: absolute;
    content: 'ليش تختارنا';
    top: -85px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--color-primary);

    @media (max-width: 1024px) {
      font-size: 1.3rem;
    }
  }

  &::after {
    content: '';
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    height: 36px;
    background: url(https://i.ibb.co/SwLzQsGy/ramlen-line.png) no-repeat center;
    background-size: contain;
  }
}

salla-add-product-button .s-button-element.s-button-btn {
  background: #CBC0B1;
  background: var(--gradient-product-card-button-default);
  border: none;
  color: var(--color-dark-gray);
  transition: background 0.3s ease-in-out;
}

salla-add-product-button .s-button-element.s-button-btn:hover {
  background: var(--gradient-product-card-button-hover);
}

.rounded_contacts {
  margin-block: 1rem;
}
.choco {
  margin-top: 2rem;
  .container {
     max-width: 760px;
    }
  }
}