/* Add custom CSS styles below */
body,
img,
a {
  background-color: transparent !important;
}

/*Hero*/
section:nth-child(4) {
  margin: unset;
}
section:nth-child(4) > div{
  padding: unset;
  max-width: unset;
}
/*subHero*/
section:nth-child(5) > div{
  max-width: 600px;
}
/**/

/**/
section:nth-child(8) > div,
section:nth-child(10) > div,
section:nth-child(12) > div{
  max-width: 1700px;
}
/**/

/*categories*/
.banner-entry.square-photos:first-child {
  grid-row: unset;
}
.banner-entry.square-photos {
  height: 200px;
}
section:nth-child(6) > div {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: unset;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .banner-entry.square-photos {
    height: 150px;
  }
  section:nth-child(6) > div {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.5rem;
  }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
  .banner-entry.square-photos {
    height: 125px !important;
    flex-basis: 140px;
  }
  section:nth-child(6) > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
}

@media screen and (max-width: 425px) {
  .banner-entry.square-photos {
    height: 110px !important;
    flex-basis: 75px;
  }
  section:nth-child(6) > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
}
/**/

/*products*/
.s-slider-block__title{
  display: none;
}
.s-products-slider-card {
  padding: 1rem;
}
.s-product-card-entry.s-product-card-vertical {
  box-shadow: 0 0 10px 0 black;
}

.s-product-card-price {
  color: #000 !important;
}
.s-product-card-sale-price h4{
  color: #000 !important;
}
.s-product-card-sale-price span{
  color: #FF0000 !important;
}

.s-button-primary-outline,
.s-button-primary-outline:hover {
  background-color: #2091A8;
  color: #fff;
  border: unset;
}

/*products page*/
.s-products-list-wrapper.s-products-list-vertical-cards {
  padding: 2rem;
}
/**/

/*Footer*/
footer > div.store-footer__inner{
  background-color: #2091A8 !important;
  color: #fff;
}
.copyright-text p{
  color: #000;
  font-size: 17px;
  font-weight: 700;
}
/**/

section:nth-child(16){
  margin: auto;
  max-width: 500px;
}

/*edits*/

.stats {
	display: flex;
	justify-content: center;
	/* Center the cards horizontally */
	gap: 20px;
	/* Space between the cards */
	margin-bottom: 100px;
	/* Space before the footer */
}

.tabs.hide-scroll salla-button button {
animation : none !important ; }

.s-contacts-list > div:nth-child(1) {
display : none !important ; }
.stat-card {
	background: transparent;
	/* White background */
	border-radius: 12px;
	/* Rounded corners */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	/* Shadow for a floating effect */
	padding: 20px;
	/* Inner spacing for content */
	text-align: center;
	/* Center align content */
	width: 280px;
	/* Card width matching the design */
	transition: transform 0.3s ease;
	/* Smooth hover effect */
}

.stat-card:hover {
	transform: translateY(-5px);
	/* Hover effect to lift the card */
}

.stat-card img {
	width: 150px;
	/* Increase image size to match the design */
	height: 150px;
	/* Consistent height */

	margin: 0 auto 15px;

}
.tabs.hide-scroll salla-button button {
animation : none !important ; }
.stat-card .number {
	font-size: 2.5rem;
	/* Large font size for the number */
	font-weight: bold;
	/* Bold number */
	color: var(--main-color);
	/* Number color */
	margin: 0 0 10px;
	/* Space below the number */
}

.stat-card p {
	font-size: 1rem;
	/* Regular font size for the description */
	color: var(--main-color);
	/* Black color for the text */
	margin: 0;
	/* Remove extra margins */
}

.font-size-label {
    color: var(--third-color);
}

.font-family-label {
    color: var(--third-color);
}

.stat-card {
    background: rgba(255, 255, 255, 0.08); /* شفاف */
    backdrop-filter: blur(12px); /* تأثير الزجاج */
    -webkit-backdrop-filter: blur(12px); /* دعم سفاري */
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.15); /* حدود خفيفة */
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
    padding: 20px;
    transition: all 0.3s ease-in-out;
}

.stat-card:hover {
    background: rgba(183, 133, 61, 0.15); /* لمسة دهبي عند الهوفر */
    box-shadow: 0 0 25px rgba(183, 133, 61, 0.4);
    transform: translateY(-3px);
}


/**/
@media screen and (max-width: 425px){
  section:nth-child(16){
  margin: auto;
  max-width: 310px;
}
  .stat-card img {
	width: 100px;
	height: 100px;
}
}