/* Add custom CSS styles below */ 
.s-block--tabs-produtcs .tab-trigger.is-active button {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-primary-reverse);
    border-radius: 10px;
}
.s-block-tabs button.tab-trigger {
    border-radius: 10px;
}
span.pc-t {
    color: red;
}

@media (max-width: 768px) {
  .s-product-options-grid-mode {
    flex-wrap: nowrap !important;   /* يلغي النزول للسطر */
    overflow-x: auto !important;    /* يسمح بالتمرير الأفقي */
    gap: 0.15rem !important;        /* تقليل المسافة بين البوكسات */
  }

  .s-product-options-grid-mode label {
    flex: 0 0 auto !important;      /* كل زر يأخذ حجمه الطبيعي */
    font-size: 14px !important;     /* حجم الخط للجوال */
    padding: 6px 8px !important;    /* تصغير الحواف الداخلية */
    margin: 0 !important;           /* إزالة أي فراغ خارجي إضافي */
  }
}