.product-card.hover_style_3 .product-card__buttons,
.product-card__actions,
.product-card__enhanced-mini-cart,
.s-slider-block__title-left {
  display: none !important;
}

.s-slider-block__title {
  justify-content: center !important;
}

.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *),
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
  padding: 0 !important;
}


article {
  position: relative;
  max-height: 80px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

article.expanded {
  max-height: 1000px;
}

.see-more-btn {
  display: block;
  margin: 10px auto;
  padding: 10px 15px;
  background-color: #333;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
}

.see-more-btn:hover {
  background-color: #555;
}

salla-conditional-fields {
  display: flex;
  flex-direction: column-reverse;
}

.s-add-product-button-main {
  flex-direction: column !important;
}
.s-add-product-button-main salla-button,
.s-add-product-button-main salla-mini-checkout-widget,
.s-add-product-button-main:not(.w-full) > salla-button {
  width: 100% !important;
}
.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-apple-pay)
  .s-add-product-button-main {
  gap: 15px !important;
}
.s-add-product-button-main .s-add-product-button-mini-checkout {
  height: 45px !important;
}

.s-fast-checkout-button.outline {
  border: 1px solid #ffffff !important;
}
.s-fast-checkout-button.outline:hover {
  background-color: #000 !important;
  color: #fff !important;
}
:host {
  --salla-fast-checkout-button-height: 2.5rem !important;
}
.s-fast-checkout-button:hover {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}
.s-add-product-button-main .s-add-product-button-mini-checkout:hover {
  background-color: #e6e7e8 !important;
}
.product-single
  .sticky-product-bar
  salla-add-product-button
  salla-button
  .s-button-btn {
  background-color: transparent !important;
  color: #000 !important;
}

.product-single
  .sticky-product-bar
  salla-add-product-button
  salla-button
  .s-button-btn:hover {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}
.navbar-brand {
  font-size: 20px !important;
}

.sicon-menu:before {
  content: "\e928" !important;
}
.sicon-cart:before {
  content: "\e9f4" !important;
}

.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *):after {
  content: "" !important;
}
.mm-spn.mm-spn--navbar ul:before {
  opacity: 1 !important;
}
.mm-spn li:after {
  opacity: 0 !important;
}
.btn--close {
  color: #000 !important;
}

.store-footer h3 {
  text-align: right !important;
}

.footer-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.enhanced-title-border {
  border: 2px solid #ffffff !important;
}
.enhanced-title-border::before {
  content: " " !important;
  width: 110px !important;
  height: 2px !important;
  background: #414042 !important;
  background: var(--color-primary) !important;
  position: absolute !important;
  top: 45% !important;
}
.enhanced-title-border::after {
  content: " " !important;
  width: 102px !important;
  height: 2px !important;
  left: 57% !important;
  background: #414042 !important;
  background: var(--color-primary) !important;
  position: absolute !important;
  top: 45% !important;
}

.main-menu {
    display: flex;
    flex-wrap: nowrap;
    gap: 1px; /* يمكنك تعديل المسافة بين العناصر */
}

.main-menu li {
    list-style: none;
}

.main-menu a {
    text-decoration: none;
    display: inline-block;
    white-space: nowrap; /* التأكد من بقاء النص في سطر واحد */
}


.text-center {
  display: flex; /* تفعيل Flexbox */
  flex-direction: column; /* ترتيب العناصر عموديًا */
  justify-content: center; /* توسيط المحتوى عموديًا */
  align-items: center; /* توسيط المحتوى أفقيًا */
  text-align: center; /* توسيط النصوص */
  margin: 0 auto; /* لتوسيط العنصر إذا كان داخل عنصر آخر */
}

.footer-list {
  display: flex; /* تفعيل Flexbox */
  flex-direction: column; /* ترتيب العناصر عموديًا */
  justify-content: center; /* توسيط المحتوى أفقيًا */
  align-items: center; /* توسيط المحتوى عموديًا */
  text-align: center; /* توسيط النص داخل العناصر */
  width: 100%; /* تأكد من أن العنصر يشغل كامل العرض */
  margin: 0 auto; /* لتوسيط العنصر إذا كان داخل عنصر آخر */
}

<div class="s-add-product-button-main" style="display: flex; gap: 20px;">
  <salla-button required-shipping="" quick-buy="" amount="339.98" product-status="sale" product-type="product" product-id="1035171557" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid" size="medium" width="wide" type="submit">
    <button required-shipping="" quick-buy="" amount="339.98" product-status="sale" product-type="product" product-id="1035171557" loader-position="center" type="submit" class="undefined s-button-element s-button-btn s-button-solid s-button-wide s-button-primary s-button-loader-center">
      <span class="s-button-text">
        <span class="flex items-center gap-2.5">
          ADD TO CART
        </span>
      </span>
    </button>
  </salla-button>
  
  <salla-mini-checkout-widget language="ar" store-id="122985677" api="https://api.salla.dev/store/v1/" outline="" form-selector="form.product-form" class="s-add-product-button-mini-checkout s-mini-checkout hide-scroll hydrated">
    <div slot="widget-label" class="s-add-product-button-mini-checkout-content">
      <div slot="widget-label" class="s-add-product-button-mini-checkout-content">
        BUY IT NOW
      </div>
    </div>
  </salla-mini-checkout-widget>
</div>