@media (max-width: 768px) {
  .bottom-header {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    background-color: #43c8cf !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
  }

  .bottom-header .bottom-header-buttons {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .bottom-header .bottom-header-button {
    position: relative !important;
    display: flex !important;
    flex: 1 1 20% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
  }

  /* الرئيسية، الأقسام، والبحث */
  .bottom-header .bottom-header-icon {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    height: 56px !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
  }

  /* السلة: نترك الرابط والعناصر الأصلية تعمل دون تعديل بنيتها */
  .bottom-header .bottom-header-cart salla-cart-summary,
  .bottom-header .bottom-header-cart .s-cart-summary-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 37px !important;
  }

  .bottom-header .bottom-header-cart::after {
    display: block !important;
    margin-top: -2px !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 12px !important;
    content: "السلة";
  }

  /* الدخول: يدعم salla-user-menu عند وجود مستخدم مسجل */
  .bottom-header .bottom-header-user salla-user-menu {
    display: block !important;
    height: 34px !important;
  }

  .bottom-header .bottom-header-user .s-user-menu-wrapper,
  .bottom-header .bottom-header-user .s-user-menu-trigger-slot,
  .bottom-header .bottom-header-user .s-user-menu-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
  }

  .bottom-header .bottom-header-user .s-user-menu-trigger-content,
  .bottom-header .bottom-header-user .s-user-menu-trigger-icon {
    display: none !important;
  }

  .bottom-header .bottom-header-user .s-user-menu-trigger-avatar {
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #fff !important;
  }

  .bottom-header .bottom-header-user > span {
    display: block !important;
    margin-top: 0 !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 12px !important;
  }

  /* النصوص والأيقونات */
  .bottom-header .bottom-header-icon span,
  .bottom-header .bottom-header-button > span {
    color: #fff !important;
    font-size: 10px !important;
    line-height: 12px !important;
    white-space: nowrap !important;
  }

  .bottom-header .bottom-header-icon i,
  .bottom-header .bottom-header-icon svg,
  .bottom-header .bottom-header-icon svg path,
  .bottom-header .s-cart-summary-wrapper i,
  .bottom-header .s-cart-summary-wrapper svg,
  .bottom-header .s-cart-summary-wrapper svg path {
    color: #fff !important;
    fill: #fff !important;
  }

  .bottom-header .bottom-header-icon i,
  .bottom-header .s-cart-summary-wrapper i {
    font-size: 18px !important;
    line-height: 18px !important;
  }

  /* عداد السلة */
  .bottom-header .bottom-header-cart .s-cart-summary-wrapper {
    position: relative !important;
  }

  .bottom-header .bottom-header-cart .s-cart-summary-count {
    position: absolute !important;
    top: 1px !important;
    right: calc(50% - 14px) !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 14px !important;
    height: 14px !important;
    padding: 0 2px !important;
    color: #43c8cf !important;
    font-size: 9px !important;
    line-height: 14px !important;
    background: #fff !important;
    border-radius: 50% !important;
  }

  .bottom-header .bottom-header-cart .s-cart-summary-content {
    display: none !important;
  }

  body {
    padding-bottom: 56px !important;
  }
}