{"product_id":"cap-sleeve-basic-top","title":"Cap Sleeve Basic Top","description":"\u003c!-- PRODUCT DESCRIPTION --\u003e\n\u003cdiv id=\"topProductDescription\" class=\"top-product-description\"\u003e\n\n  \u003cp\u003e\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Pure Cotton\u003c\/p\u003e\n  \u003cp\u003eDouble-layered front\u003c\/p\u003e\n  \u003cp\u003eHigh Lycra content\u003c\/p\u003e\n  \u003cp\u003eHand wash in cold water\u003c\/p\u003e\n\n  \u003c!-- SIZE CHART BUTTON --\u003e\n  \u003cbutton id=\"sizeChartBtn\" type=\"button\" aria-haspopup=\"dialog\" aria-controls=\"sizeChartModal\"\u003e\n    View Size Chart\n  \u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- RETURN POLICY BUTTON --\u003e\n\u003cdiv class=\"return-policy-button-container\"\u003e\n\n  \u003cbutton id=\"returnPolicyBtn\" type=\"button\" aria-haspopup=\"dialog\" aria-controls=\"returnPolicyModal\"\u003e\n    سياسة الاستبدال والاسترجاع\n  \u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* PRODUCT DESCRIPTION *\/\n\n  .top-product-description {\n    padding: 20px;\n    margin-bottom: 20px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: #555;\n  }\n\n  .top-product-description p {\n    margin: 0 0 8px;\n  }\n\n  \/* BUTTONS *\/\n\n  #sizeChartBtn,\n  #returnPolicyBtn {\n    padding: 10px 20px;\n    background-color: #8a6248;\n    color: #fff;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 16px;\n    font-family: inherit;\n  }\n\n  #sizeChartBtn {\n    margin-top: 12px;\n  }\n\n  #sizeChartBtn:hover,\n  #returnPolicyBtn:hover {\n    opacity: 0.9;\n  }\n\n  .return-policy-button-container {\n    padding: 20px;\n    margin-bottom: 20px;\n    font-size: 14px;\n    color: #555;\n  }\n\n  \/* OVERLAYS *\/\n\n  #sizeChartOverlay,\n  #returnPolicyOverlay {\n    display: none;\n    position: fixed !important;\n    inset: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    background: rgba(0, 0, 0, 0.6) !important;\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    z-index: 9999999998 !important;\n  }\n\n  \/* MODALS *\/\n\n  #sizeChartModal,\n  #returnPolicyModal {\n    display: none;\n    position: fixed !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 92vw;\n    max-height: 88vh;\n    overflow-y: auto;\n    box-sizing: border-box;\n    border-radius: 14px;\n    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);\n    z-index: 9999999999 !important;\n    overscroll-behavior: contain;\n  }\n\n  \/* منع عناصر وصور المنتج من الظهور فوق النافذة *\/\n\n  body.custom-product-popup-open .product__media-wrapper,\n  body.custom-product-popup-open .product__media-list,\n  body.custom-product-popup-open .product__media-item,\n  body.custom-product-popup-open .product-media-container,\n  body.custom-product-popup-open media-gallery,\n  body.custom-product-popup-open .media-gallery,\n  body.custom-product-popup-open .slider,\n  body.custom-product-popup-open .slider-mobile-gutter,\n  body.custom-product-popup-open .thumbnail-slider,\n  body.custom-product-popup-open .product__modal-opener,\n  body.custom-product-popup-open .product__media,\n  body.custom-product-popup-open .media,\n  body.custom-product-popup-open .header-wrapper,\n  body.custom-product-popup-open sticky-header {\n    z-index: 1 !important;\n  }\n\n  \/* SIZE CHART MODAL *\/\n\n  #sizeChartModal {\n    width: min(92vw, 650px);\n    max-width: 650px;\n    min-height: 250px;\n    padding: 18px;\n    background: #fff;\n    text-align: center;\n  }\n\n  #sizeChartImage {\n    display: none;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    aspect-ratio: 1 \/ 1;\n    object-fit: contain;\n    margin: 0 auto;\n    border-radius: 6px;\n  }\n\n  #sizeChartLoading {\n    display: block;\n    padding: 100px 20px;\n    color: #555;\n    font-size: 15px;\n  }\n\n  #sizeChartError {\n    display: none;\n    padding: 80px 20px;\n    direction: rtl;\n    color: #a02929;\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  \/* RETURN POLICY MODAL *\/\n\n  #returnPolicyModal {\n    width: min(92vw, 520px);\n    max-width: 520px;\n    padding: 24px;\n    background: #fff8f0;\n    direction: rtl;\n    text-align: right;\n    color: #4b2f22;\n    font-family: Arial, sans-serif;\n    line-height: 1.9;\n  }\n\n  #returnPolicyModal h3 {\n    margin: 0 0 18px;\n    padding: 0 35px;\n    font-size: 22px;\n    text-align: center;\n  }\n\n  #returnPolicyModal p {\n    margin: 0 0 14px;\n    font-size: 15px;\n  }\n\n  .shippingIcon {\n    margin-bottom: 10px;\n    font-size: 38px;\n    line-height: 1;\n    text-align: center;\n  }\n\n  \/* CLOSE BUTTONS *\/\n\n  #closeSizeChart,\n  #closeReturnPolicy {\n    position: absolute;\n    top: 8px;\n    right: 13px;\n    width: 38px;\n    height: 38px;\n    padding: 0;\n    background: transparent;\n    color: #4b2f22;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 32px;\n    line-height: 36px;\n    text-align: center;\n    z-index: 10000000000 !important;\n  }\n\n  #closeSizeChart:hover,\n  #closeReturnPolicy:hover {\n    background: rgba(75, 47, 34, 0.08);\n  }\n\n  #closeSizeChart:focus-visible,\n  #closeReturnPolicy:focus-visible,\n  #sizeChartBtn:focus-visible,\n  #returnPolicyBtn:focus-visible {\n    outline: 2px solid #4b2f22;\n    outline-offset: 3px;\n  }\n\n  \/* DESKTOP *\/\n\n  @media screen and (min-width: 750px) {\n    #sizeChartModal {\n      width: 650px !important;\n      max-width: 650px !important;\n    }\n\n    #returnPolicyModal {\n      width: 520px !important;\n      max-width: 520px !important;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 749px) {\n    .top-product-description,\n    .return-policy-button-container {\n      padding: 15px;\n    }\n\n    #sizeChartModal,\n    #returnPolicyModal {\n      width: 94vw !important;\n      max-width: 94vw !important;\n      max-height: 85vh !important;\n    }\n\n    #sizeChartModal {\n      padding: 12px;\n    }\n\n    #returnPolicyModal {\n      padding: 22px 18px;\n    }\n\n    #returnPolicyModal h3 {\n      font-size: 20px;\n    }\n\n    #returnPolicyModal p {\n      font-size: 14px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- SIZE CHART OVERLAY --\u003e\n\u003cdiv id=\"sizeChartOverlay\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n\u003c!-- SIZE CHART MODAL --\u003e\n\u003cdiv id=\"sizeChartModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Cut Top Size Chart\" aria-hidden=\"true\"\u003e\n  \u003cbutton id=\"closeSizeChart\" type=\"button\" aria-label=\"Close size chart\"\u003e\n    ×\n  \u003c\/button\u003e\n\n  \u003cdiv id=\"sizeChartLoading\"\u003e\n    Loading size chart...\n  \u003c\/div\u003e\n\n  \u003cimg id=\"sizeChartImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0748\/6147\/8139\/files\/cut_top_size_chart.jpg\" data-fallback-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0748\/6147\/8139\/files\/cut_top_size_chart.JPG\" alt=\"Cut Top Size Chart\" width=\"1254\" height=\"1254\"\u003e\n\n  \u003cdiv id=\"sizeChartError\"\u003e\n    تعذر تحميل صورة جدول المقاسات.\u003cbr\u003e\n    برجاء التأكد من رابط الصورة الموجود في Shopify Files.\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- RETURN POLICY OVERLAY --\u003e\n\u003cdiv id=\"returnPolicyOverlay\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n\u003c!-- RETURN POLICY MODAL --\u003e\n\u003cdiv id=\"returnPolicyModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"returnPolicyTitle\" aria-hidden=\"true\"\u003e\n  \u003cbutton id=\"closeReturnPolicy\" type=\"button\" aria-label=\"إغلاق سياسة الاستبدال والاسترجاع\"\u003e\n    ×\n  \u003c\/button\u003e\n\n  \u003cdiv class=\"shippingIcon\" aria-hidden=\"true\"\u003e\n    🚚\n  \u003c\/div\u003e\n\n  \u003ch3 id=\"returnPolicyTitle\"\u003e\n    سياسة الاستبدال والاسترجاع\n  \u003c\/h3\u003e\n\n  \u003cp\u003eيفضل المعاينة في وجود المندوب.\u003c\/p\u003e\n\n  \u003cp\u003eفي حالة عدم الاستلام يتم دفع تكلفة الشحن.\u003c\/p\u003e\n\n  \u003cp\u003e\n    الاستبدال والاسترجاع في خلال ٧ أيام،\n    ويقوم العميل بتحمل تكلفة الشحن مرة أخرى في حالة الاسترجاع.\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    \u003cstrong\u003eواستبدال مجاني في خلال ٣ أيام\u003c\/strong\u003e\n    في حالة طلب أكثر من قطعة.\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    إذا وجد عيب في المنتج يتم الاستبدال بقطعة مماثلة بالضبط،\n    دون تغيير المقاس أو اللون، ونقوم بتحمل تكلفة الشحن.\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    برجاء الحفاظ على حالة المنتج وتسليمه بشكل لائق.\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    لا يتم استرداد المبلغ إلا بعد معاينة المخزن في خلال أسبوع.\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    وبنفكرك تاني إن أفضل حل إنك تستغلي ميزة المعاينة عند وصول المندوب.\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    \u003cstrong\u003eغير مسموح بالتجزئة 🚫\u003c\/strong\u003e\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    بنترجاكي عميلتنا الراقية، إن زي ما حضرتك استلمتي طلبك\n    مطبق ومفرود بعد المعاينة، تسلميه بنفس الشكل. وشكرًا.\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    شكرًا ليكي ونتمنى لكي تجربة تسوق فريدة 🥰\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initializeProductPopups() {\n      const sizeButton = document.getElementById(\"sizeChartBtn\");\n      const sizeModal = document.getElementById(\"sizeChartModal\");\n      const sizeOverlay = document.getElementById(\"sizeChartOverlay\");\n      const sizeCloseButton = document.getElementById(\"closeSizeChart\");\n      const sizeImage = document.getElementById(\"sizeChartImage\");\n      const sizeLoading = document.getElementById(\"sizeChartLoading\");\n      const sizeError = document.getElementById(\"sizeChartError\");\n\n      const policyButton = document.getElementById(\"returnPolicyBtn\");\n      const policyModal = document.getElementById(\"returnPolicyModal\");\n      const policyOverlay = document.getElementById(\"returnPolicyOverlay\");\n      const policyCloseButton =\n        document.getElementById(\"closeReturnPolicy\");\n\n      let lastFocusedElement = null;\n      let fallbackTried = false;\n\n      function showImage() {\n        if (sizeLoading) {\n          sizeLoading.style.display = \"none\";\n        }\n\n        if (sizeError) {\n          sizeError.style.display = \"none\";\n        }\n\n        if (sizeImage) {\n          sizeImage.style.display = \"block\";\n        }\n      }\n\n      function showImageError() {\n        if (sizeLoading) {\n          sizeLoading.style.display = \"none\";\n        }\n\n        if (sizeImage) {\n          sizeImage.style.display = \"none\";\n        }\n\n        if (sizeError) {\n          sizeError.style.display = \"block\";\n        }\n      }\n\n      if (sizeImage) {\n        if (sizeImage.complete \u0026\u0026 sizeImage.naturalWidth \u003e 0) {\n          showImage();\n        }\n\n        sizeImage.addEventListener(\"load\", function () {\n          showImage();\n        });\n\n        sizeImage.addEventListener(\"error\", function () {\n          const fallbackSource =\n            sizeImage.getAttribute(\"data-fallback-src\");\n\n          if (!fallbackTried \u0026\u0026 fallbackSource) {\n            fallbackTried = true;\n            sizeImage.src = fallbackSource;\n          } else {\n            showImageError();\n          }\n        });\n      }\n\n      function closeAllModals(returnFocus) {\n        if (typeof returnFocus === \"undefined\") {\n          returnFocus = true;\n        }\n\n        if (sizeModal) {\n          sizeModal.style.display = \"none\";\n          sizeModal.setAttribute(\"aria-hidden\", \"true\");\n        }\n\n        if (sizeOverlay) {\n          sizeOverlay.style.display = \"none\";\n          sizeOverlay.setAttribute(\"aria-hidden\", \"true\");\n        }\n\n        if (policyModal) {\n          policyModal.style.display = \"none\";\n          policyModal.setAttribute(\"aria-hidden\", \"true\");\n        }\n\n        if (policyOverlay) {\n          policyOverlay.style.display = \"none\";\n          policyOverlay.setAttribute(\"aria-hidden\", \"true\");\n        }\n\n        document.body.style.overflow = \"\";\n        document.body.classList.remove(\n          \"custom-product-popup-open\"\n        );\n\n        if (\n          returnFocus \u0026\u0026\n          lastFocusedElement \u0026\u0026\n          typeof lastFocusedElement.focus === \"function\"\n        ) {\n          lastFocusedElement.focus();\n        }\n      }\n\n      function openModal(modal, overlay, closeButton) {\n        if (!modal || !overlay || !closeButton) {\n          return;\n        }\n\n        lastFocusedElement = document.activeElement;\n\n        closeAllModals(false);\n\n        document.body.classList.add(\n          \"custom-product-popup-open\"\n        );\n\n        document.body.style.overflow = \"hidden\";\n\n        overlay.style.display = \"block\";\n        modal.style.display = \"block\";\n\n        overlay.setAttribute(\"aria-hidden\", \"false\");\n        modal.setAttribute(\"aria-hidden\", \"false\");\n\n        window.setTimeout(function () {\n          closeButton.focus();\n        }, 50);\n      }\n\n      if (\n        sizeButton \u0026\u0026\n        sizeModal \u0026\u0026\n        sizeOverlay \u0026\u0026\n        sizeCloseButton\n      ) {\n        sizeButton.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          event.stopPropagation();\n\n          openModal(\n            sizeModal,\n            sizeOverlay,\n            sizeCloseButton\n          );\n        });\n\n        sizeCloseButton.addEventListener(\"click\", function () {\n          closeAllModals();\n        });\n\n        sizeOverlay.addEventListener(\"click\", function () {\n          closeAllModals();\n        });\n      }\n\n      if (\n        policyButton \u0026\u0026\n        policyModal \u0026\u0026\n        policyOverlay \u0026\u0026\n        policyCloseButton\n      ) {\n        policyButton.addEventListener(\"click\", function (event) {\n          event.preventDefault();\n          event.stopPropagation();\n\n          openModal(\n            policyModal,\n            policyOverlay,\n            policyCloseButton\n          );\n        });\n\n        policyCloseButton.addEventListener(\n          \"click\",\n          function () {\n            closeAllModals();\n          }\n        );\n\n        policyOverlay.addEventListener(\n          \"click\",\n          function () {\n            closeAllModals();\n          }\n        );\n      }\n\n      document.addEventListener(\"keydown\", function (event) {\n        if (event.key === \"Escape\") {\n          closeAllModals();\n        }\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        initializeProductPopups\n      );\n    } else {\n      initializeProductPopups();\n    }\n  })();\n\u003c\/script\u003e","brand":"Magrina Designs","offers":[{"title":"1 \/ black","offer_id":49109408579835,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"1 \/ white","offer_id":49109408612603,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"1 \/ gray","offer_id":49109408645371,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"1 \/ navy","offer_id":49109408678139,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"2 \/ black","offer_id":49109408710907,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"2 \/ white","offer_id":49109408743675,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"2 \/ gray","offer_id":49109408776443,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"2 \/ navy","offer_id":49109408809211,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"3 \/ black","offer_id":49109408841979,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"3 \/ white","offer_id":49109408874747,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"3 \/ gray","offer_id":49109408907515,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true},{"title":"3 \/ navy","offer_id":49109408940283,"sku":null,"price":445.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0748\/6147\/8139\/files\/IMG-3447.png?v=1785162657","url":"https:\/\/www.magrinastore.com\/products\/cap-sleeve-basic-top","provider":"Magrina Designs","version":"1.0","type":"link"}