/* Add custom CSS styles below */ 
.cart:before -action > .sicon-row > .circle-header {
    font-family: FontAwesome-font;
    content: "\f291";
    font-size: 25px;
    color: pink;
    width: 100px;
}
.s-cart-summary-count {
    position: absolute;
    top: -8px;
    left: -15px;
    display: inline-flex;
    height: 1.25rem;
    width: 1.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(247 114 236);
    padding: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}
#my-special-square {
  width: 80px;
  height: 80px;
  background-color: blue;
  border-radius: 50%;
}
.product-card__promotion {
  max-width: none;
  max-width: initial;
  border-radius: 50%; /* هذه هي الخاصية التي تجعل العنصر دائريًا */

  /* بقية الأنماط الموجودة */
  @media(max-width:991px) {
    .product-card--horizontal .product-card__promotion {
      top: auto;
      top: initial;
      bottom: 5px;
      left: auto;
      left: initial;
      right: 5px;
    }
  }
}
.product-card__promotion {
    aspect-ratio: 1 / 1; /* يضمن أن يكون العرض مساويًا للارتفاع */
    border-radius: 50%;
    background-color:#4CAF50;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s-cart-summary-count {
  /* ... other styles ... */
  background-color: #800080; /* أو أي لون بنفسجي تفضله */
}
.s-cart-summary-count {
  /* ... باقي الأنماط ... */
  background-color: rgba(205, 180, 219, 0.9); /* موف شفاف بنسبة 90% */
}
.top-navbar:not(.topnav-has-bg) {
    background-color: # ea2c9ec; !important;
    color: var(--header-text-color);
}
    .main-menu li>a {

        font-family: 'cairo' !important;
        font-weight: 800 !important;
    }
    
    
    .product-card__promotion{
display:none
}