/* Add custom CSS styles below */ 
.main-nav-container .inner {
    padding-bottom: 6px;
    padding-top: 6px;
    background-color: aliceblue;
}

.product-card--vertical {
    flex-direction: column;
    background-color: aliceblue;
}

.s-products-slider-card {
  border: 2px solid #46247a; /* اللون اللي طلبته */
  border-radius: 12px;
  padding: 10px;
  background: #fff;
  margin: 10px;
  transition: 0.3s;
  border-color: #46247a;
  box-shadow: 0 4px 8px rgba(70, 36, 122, 0.3);
}

/* خلفية الموقع */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url("https://j.top4top.io/p_3755v7ukk1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

/* نخلي فقط الطبقة الرئيسية شفافة */
.main,
.main-content,
.app-inner {
    background: transparent !important;
}