/** Shopify CDN: Minification failed

Line 19:0 Unexpected "<"
Line 36:12 Expected identifier but found whitespace
Line 36:14 Unexpected "{"
Line 36:23 Expected ":"
Line 37:16 Expected identifier but found whitespace
Line 37:18 Unexpected "{"
Line 37:27 Expected ":"
Line 37:51 Expected ":"
Line 84:17 Expected identifier but found whitespace
Line 84:19 Unexpected "{"
... and 2 more hidden warnings

**/


/* CSS from section stylesheet tags */
<style>
    /* يخفي السلايدر على الكمبيوتر */
    @media (min-width: 768px) {
      #review-slider, .dots {
        display: none !important;
      }
    }

    #review-section {
      text-align: center;
      margin-bottom: 15px;
    }

    #review-section h1 {
      margin-top: 20px;
      margin-bottom: -25px;
      font-weight: bold;
      color: {{ section.settings.text_color }};
      font-size: {{ section.settings.text_size }}px; /* خليها ديناميك */
    }

    #review-slider {
      padding: 20px;
      position: relative;
      width: 100%;
      max-width: 500px;
      margin: 20px auto;
      overflow: hidden;
      border-radius: 16px;
    }

    #review-slider img {
      width: 100%;
      opacity: 0;
      position: absolute;
      top: 0; 
      left: 0;
      transition: opacity 1s ease-in-out, transform 1s ease-in-out;
      transform: translateX(20px);
      cursor: pointer; /* يخلي الصورة قابلة للضغط */
    }

    #review-slider img.active {
      opacity: 1;
      position: relative;
      transform: translateX(0);
    }

    .dots {
      margin-top: 12px;
      display: flex;
      justify-content: center;
      gap: 6px;
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(0,0,0,0.3);
      cursor: pointer;
      transition: background 0.3s;
    }

    .dot.active {
      background: {{ section.settings.dot_color }};
    }

    /* ستايل البوب أب */
    .popup-overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.8);
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-overlay img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 12px;
      box-shadow: 0 0 20px rgba(0,0,0,0.5);
    }
  </style>