document.addEventListener("DOMContentLoaded",function(){
  let t=document.querySelector('.more-info-tabs__nav-link.mobile[data-id="reviews"]'),
      d=document.querySelector("#reviews");

  t&&d&&(t.classList.add("active"),d.classList.add("show","active"),d.style.display="block")
});

document.addEventListener("DOMContentLoaded",function(){
  let t=document.querySelector("#product-tabs-options > salla-product-options");

  if(t){
    let d=`
<div class="accordion-group">
  <div class="accordion-title icon-size">جدول مقاسات العبايات</div>
  <div class="accordion-content">
    <table>
      <thead>
        <tr>
          <th>المقاس</th>
          <th>طول العباية (إنش)</th>
          <th>العرض (إنش)</th>
          <th>الكم (إنش)</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>50</td><td>50</td><td>21</td><td>25</td></tr>
        <tr><td>52</td><td>52</td><td>22</td><td>26</td></tr>
        <tr><td>54</td><td>54</td><td>23</td><td>27</td></tr>
        <tr><td>56</td><td>56</td><td>24</td><td>28</td></tr>
        <tr><td>58</td><td>58</td><td>25</td><td>29</td></tr>
        <tr><td>60</td><td>60</td><td>26</td><td>30</td></tr>
      </tbody>
    </table>
  </div>
</div>
    `;

    t.insertAdjacentHTML("beforeend",d);

    document.querySelectorAll(".accordion-title").forEach(t=>{
      t.addEventListener("click",()=>{
        let d=t.closest(".accordion-group"),
            e=d.classList.contains("open");

        document.querySelectorAll(".accordion-group").forEach(t=>t.classList.remove("open"));
        e||d.classList.add("open")
      })
    })
  }
});