/* Add custom CSS styles below */ 
.h-\[512px\] {
    height: 700px;
}


html, body {
    direction: ltr; /* يجعل اتجاه النص من اليسار إلى اليمين */
    text-align: left; /* يضمن أن النصوص تكون بمحاذاة اليسار */
}


@media (min-width: 768px) {
  .md\:!w-4\/6 {
    width: 66.666667% !important;
  }
}




.art-main-content .art-product-form salla-add-product-button .s-add-product-button-main button {
    background-color: #fbd4d7 !important;
    color: #000000 !important;
    opacity: 1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;}
    
    
    
    
    
    .s-product-options-grid-mode-span {
 
    background-color: rgb(251 212 215);
    background-color: rgb(251 212 215);}
    



@media (max-width: 768px) {
  .sticky-product-bar__btn {
    position: fixed;
    bottom: 10px; /* المسافة من أسفل الشاشة */
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 20px); /* يملأ العرض تقريبا */
    max-width: 600px;
    z-index: 9999;

    /* التصميم */
    background: #fff; /* خلفية بيضاء */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* ظل خفيف */
    border-radius: 10px; /* حواف ناعمة */
    padding: 10px; /* مسافة داخلية */
  }
}