{"product_id":"straight-pant","title":"Straight pant","description":"\u003c!-- PRODUCT DESCRIPTION --\u003e\n\u003cdiv id=\"topProductDescription\" class=\"top-product-description\"\u003e\n\n  \u003cp\u003e\n    بنطلون Straight بخامة قطن 85%، مرن ومريح.\n    تصميم High Waist بكمر عرضه 7 سم بيلم منطقة البطن ويدي الجسم شكل أرفع.\n    الطول 110 سم.\n  \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\n  \/* PRODUCT DESCRIPTION *\/\n\n  .top-product-description {\n    padding: 20px;\n    margin-bottom: 20px;\n    color: #555;\n    font-size: 14px;\n    line-height: 1.8;\n  }\n\n  .top-product-description p {\n    margin: 0 0 8px;\n  }\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-family: inherit;\n    font-size: 16px;\n    transition: opacity 0.2s ease;\n  }\n\n  #sizeChartBtn {\n    margin-top: 12px;\n  }\n\n  #sizeChartBtn:hover,\n  #returnPolicyBtn:hover {\n    opacity: 0.9;\n  }\n\n\n  .return-policy-button-container {\n    padding: 20px;\n    margin-bottom: 20px;\n    color: #555;\n    font-size: 14px;\n  }\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\n    background: rgba(0, 0, 0, 0.6) !important;\n\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n\n    z-index: 9999999998 !important;\n  }\n\n\n  \/* MODALS *\/\n\n  #sizeChartModal,\n  #returnPolicyModal {\n\n    display: none;\n\n    position: fixed !important;\n\n    top: 50% !important;\n    left: 50% !important;\n\n    transform: translate(-50%, -50%) !important;\n\n    width: 92vw;\n\n    max-height: 90vh;\n\n    overflow-y: auto;\n\n    box-sizing: border-box;\n\n    border-radius: 14px;\n\n    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.35);\n\n    overscroll-behavior: contain;\n\n    z-index: 9999999999 !important;\n  }\n\n\n  \/* منع صور المنتج من الظهور فوق الـ Popup *\/\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\n    z-index: 1 !important;\n  }\n\n\n  \/* SIZE CHART MODAL *\/\n\n  #sizeChartModal {\n\n    width: min(92vw, 650px);\n\n    max-width: 650px;\n\n    min-height: 300px;\n\n    padding: 16px;\n\n    background: #fff;\n\n    text-align: center;\n  }\n\n\n  #sizeChartImage {\n\n    display: none;\n\n    width: 100%;\n\n    max-width: 100%;\n\n    height: auto;\n\n    object-fit: contain;\n\n    margin: 0 auto;\n\n    border-radius: 6px;\n  }\n\n\n  #sizeChartLoading {\n\n    display: block;\n\n    padding: 120px 20px;\n\n    color: #555;\n\n    font-size: 15px;\n  }\n\n\n  #sizeChartError {\n\n    display: none;\n\n    padding: 100px 20px;\n\n    color: #a02929;\n\n    direction: rtl;\n\n    font-size: 15px;\n\n    line-height: 1.8;\n  }\n\n\n  \/* RETURN POLICY MODAL *\/\n\n  #returnPolicyModal {\n\n    width: min(92vw, 520px);\n\n    max-width: 520px;\n\n    padding: 24px;\n\n    background: #fff8f0;\n\n    color: #4b2f22;\n\n    direction: rtl;\n\n    font-family: Arial, sans-serif;\n\n    line-height: 1.9;\n\n    text-align: right;\n  }\n\n\n  #returnPolicyModal h3 {\n\n    margin: 0 0 18px;\n\n    padding: 0 35px;\n\n    font-size: 22px;\n\n    text-align: center;\n  }\n\n\n  #returnPolicyModal p {\n\n    margin: 0 0 14px;\n\n    font-size: 15px;\n  }\n\n\n  .shippingIcon {\n\n    margin-bottom: 10px;\n\n    font-size: 38px;\n\n    line-height: 1;\n\n    text-align: center;\n  }\n\n\n  \/* CLOSE BUTTONS *\/\n\n  #closeSizeChart,\n  #closeReturnPolicy {\n\n    position: absolute;\n\n    top: 8px;\n\n    right: 13px;\n\n    width: 38px;\n\n    height: 38px;\n\n    padding: 0;\n\n    background: rgba(255, 255, 255, 0.9);\n\n    color: #4b2f22;\n\n    border: none;\n\n    border-radius: 50%;\n\n    cursor: pointer;\n\n    font-size: 32px;\n\n    line-height: 36px;\n\n    text-align: center;\n\n    z-index: 10000000000 !important;\n  }\n\n\n  #closeSizeChart:hover,\n  #closeReturnPolicy:hover {\n\n    background: #fff;\n  }\n\n\n  #closeSizeChart:focus-visible,\n  #closeReturnPolicy:focus-visible,\n  #sizeChartBtn:focus-visible,\n  #returnPolicyBtn:focus-visible {\n\n    outline: 2px solid #4b2f22;\n\n    outline-offset: 3px;\n  }\n\n\n  \/* DESKTOP *\/\n\n  @media screen and (min-width: 750px) {\n\n    #sizeChartModal {\n\n      width: 650px !important;\n\n      max-width: 650px !important;\n    }\n\n\n    #returnPolicyModal {\n\n      width: 520px !important;\n\n      max-width: 520px !important;\n    }\n  }\n\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 749px) {\n\n    .top-product-description,\n    .return-policy-button-container {\n\n      padding: 15px;\n    }\n\n\n    #sizeChartModal,\n    #returnPolicyModal {\n\n      width: 94vw !important;\n\n      max-width: 94vw !important;\n\n      max-height: 88vh !important;\n    }\n\n\n    #sizeChartModal {\n\n      padding: 10px;\n    }\n\n\n    #returnPolicyModal {\n\n      padding: 22px 18px;\n    }\n\n\n    #returnPolicyModal h3 {\n\n      font-size: 20px;\n    }\n\n\n    #returnPolicyModal p {\n\n      font-size: 14px;\n    }\n  }\n\n\u003c\/style\u003e\n\n\n\u003c!-- SIZE CHART OVERLAY --\u003e\n\n\u003cdiv id=\"sizeChartOverlay\" aria-hidden=\"true\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- SIZE CHART MODAL --\u003e\n\n\u003cdiv id=\"sizeChartModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Magrina Straight Pants Size Chart\" aria-hidden=\"true\"\u003e\n\n  \u003cbutton id=\"closeSizeChart\" type=\"button\" aria-label=\"Close size chart\"\u003e\n    ×\n  \u003c\/button\u003e\n\n\n  \u003cdiv id=\"sizeChartLoading\"\u003e\n\n    Loading size chart...\n\n  \u003c\/div\u003e\n\n\n  \u003cimg id=\"sizeChartImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0748\/6147\/8139\/files\/magrina-straight-pants-size-chart.png\" data-fallback-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0748\/6147\/8139\/files\/magrina-straight-pants-size-chart.PNG\" alt=\"Magrina Straight Pants Size Chart\"\u003e\n\n\n  \u003cdiv id=\"sizeChartError\"\u003e\n\n    تعذر تحميل صورة جدول المقاسات.\n\n    \u003cbr\u003e\n\n    برجاء التأكد من رابط الصورة في Shopify Files.\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- RETURN POLICY OVERLAY --\u003e\n\n\u003cdiv id=\"returnPolicyOverlay\" aria-hidden=\"true\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- RETURN POLICY MODAL --\u003e\n\n\u003cdiv id=\"returnPolicyModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"returnPolicyTitle\" aria-hidden=\"true\"\u003e\n\n  \u003cbutton id=\"closeReturnPolicy\" type=\"button\" aria-label=\"إغلاق سياسة الاستبدال والاسترجاع\"\u003e\n    ×\n  \u003c\/button\u003e\n\n\n  \u003cdiv class=\"shippingIcon\" aria-hidden=\"true\"\u003e\n    🚚\n  \u003c\/div\u003e\n\n\n  \u003ch3 id=\"returnPolicyTitle\"\u003e\n\n    سياسة الاستبدال والاسترجاع\n\n  \u003c\/h3\u003e\n\n\n  \u003cp\u003e\n    يفضل المعاينة في وجود المندوب.\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n    في حالة عدم الاستلام يتم دفع تكلفة الشحن.\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    الاستبدال والاسترجاع في خلال ٧ أيام،\n\n    ويقوم العميل بتحمل تكلفة الشحن مرة أخرى في حالة الاسترجاع.\n\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    \u003cstrong\u003e\n\n      واستبدال مجاني في خلال ٣ أيام\n\n    \u003c\/strong\u003e\n\n    في حالة طلب أكثر من قطعة.\n\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    إذا وجد عيب في المنتج يتم الاستبدال بقطعة مماثلة بالضبط،\n\n    دون تغيير المقاس أو اللون،\n\n    ونقوم بتحمل تكلفة الشحن.\n\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    برجاء الحفاظ على حالة المنتج وتسليمه بشكل لائق.\n\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    لا يتم استرداد المبلغ إلا بعد معاينة المخزن في خلال أسبوع.\n\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    وبنفكرك تاني إن أفضل حل إنك تستغلي ميزة المعاينة عند وصول المندوب.\n\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    \u003cstrong\u003e\n\n      غير مسموح بالتجزئة 🚫\n\n    \u003c\/strong\u003e\n\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    بنترجاكي عميلتنا الراقية،\n\n    إن زي ما حضرتك استلمتي طلبك مطبق ومفرود بعد المعاينة،\n\n    تسلميه بنفس الشكل.\n\n    وشكرًا.\n\n  \u003c\/p\u003e\n\n\n  \u003cp\u003e\n\n    شكرًا ليكي ونتمنى لكي تجربة تسوق فريدة 🥰\n\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n\n(function () {\n\n  function initializeProductPopups() {\n\n\n    const sizeButton =\n      document.getElementById(\"sizeChartBtn\");\n\n\n    const sizeModal =\n      document.getElementById(\"sizeChartModal\");\n\n\n    const sizeOverlay =\n      document.getElementById(\"sizeChartOverlay\");\n\n\n    const sizeCloseButton =\n      document.getElementById(\"closeSizeChart\");\n\n\n    const sizeImage =\n      document.getElementById(\"sizeChartImage\");\n\n\n    const sizeLoading =\n      document.getElementById(\"sizeChartLoading\");\n\n\n    const sizeError =\n      document.getElementById(\"sizeChartError\");\n\n\n\n    const policyButton =\n      document.getElementById(\"returnPolicyBtn\");\n\n\n    const policyModal =\n      document.getElementById(\"returnPolicyModal\");\n\n\n    const policyOverlay =\n      document.getElementById(\"returnPolicyOverlay\");\n\n\n    const policyCloseButton =\n      document.getElementById(\"closeReturnPolicy\");\n\n\n\n    let lastFocusedElement = null;\n\n    let fallbackTried = false;\n\n\n\n    function showSizeChartImage() {\n\n      if (sizeLoading) {\n\n        sizeLoading.style.display = \"none\";\n\n      }\n\n\n      if (sizeError) {\n\n        sizeError.style.display = \"none\";\n\n      }\n\n\n      if (sizeImage) {\n\n        sizeImage.style.display = \"block\";\n\n      }\n\n    }\n\n\n\n    function showSizeChartError() {\n\n      if (sizeLoading) {\n\n        sizeLoading.style.display = \"none\";\n\n      }\n\n\n      if (sizeImage) {\n\n        sizeImage.style.display = \"none\";\n\n      }\n\n\n      if (sizeError) {\n\n        sizeError.style.display = \"block\";\n\n      }\n\n    }\n\n\n\n    if (sizeImage) {\n\n\n      if (\n        sizeImage.complete \u0026\u0026\n        sizeImage.naturalWidth \u003e 0\n      ) {\n\n        showSizeChartImage();\n\n      }\n\n\n      sizeImage.addEventListener(\n        \"load\",\n        function () {\n\n          showSizeChartImage();\n\n        }\n      );\n\n\n      sizeImage.addEventListener(\n        \"error\",\n        function () {\n\n\n          const fallbackSource =\n            sizeImage.getAttribute(\n              \"data-fallback-src\"\n            );\n\n\n          if (\n            !fallbackTried \u0026\u0026\n            fallbackSource\n          ) {\n\n            fallbackTried = true;\n\n            sizeImage.src =\n              fallbackSource;\n\n          }\n\n          else {\n\n            showSizeChartError();\n\n          }\n\n        }\n      );\n\n    }\n\n\n\n    function closeAllModals(returnFocus) {\n\n\n      if (\n        typeof returnFocus === \"undefined\"\n      ) {\n\n        returnFocus = true;\n\n      }\n\n\n      if (sizeModal) {\n\n        sizeModal.style.display =\n          \"none\";\n\n        sizeModal.setAttribute(\n          \"aria-hidden\",\n          \"true\"\n        );\n\n      }\n\n\n      if (sizeOverlay) {\n\n        sizeOverlay.style.display =\n          \"none\";\n\n        sizeOverlay.setAttribute(\n          \"aria-hidden\",\n          \"true\"\n        );\n\n      }\n\n\n      if (policyModal) {\n\n        policyModal.style.display =\n          \"none\";\n\n        policyModal.setAttribute(\n          \"aria-hidden\",\n          \"true\"\n        );\n\n      }\n\n\n      if (policyOverlay) {\n\n        policyOverlay.style.display =\n          \"none\";\n\n        policyOverlay.setAttribute(\n          \"aria-hidden\",\n          \"true\"\n        );\n\n      }\n\n\n      document.body.style.overflow =\n        \"\";\n\n\n      document.body.classList.remove(\n        \"custom-product-popup-open\"\n      );\n\n\n      if (\n        returnFocus \u0026\u0026\n        lastFocusedElement \u0026\u0026\n        typeof lastFocusedElement.focus ===\n          \"function\"\n      ) {\n\n        lastFocusedElement.focus();\n\n      }\n\n    }\n\n\n\n    function openModal(\n      modal,\n      overlay,\n      closeButton\n    ) {\n\n\n      if (\n        !modal ||\n        !overlay ||\n        !closeButton\n      ) {\n\n        return;\n\n      }\n\n\n      lastFocusedElement =\n        document.activeElement;\n\n\n      closeAllModals(false);\n\n\n      document.body.classList.add(\n        \"custom-product-popup-open\"\n      );\n\n\n      document.body.style.overflow =\n        \"hidden\";\n\n\n      overlay.style.display =\n        \"block\";\n\n\n      modal.style.display =\n        \"block\";\n\n\n      overlay.setAttribute(\n        \"aria-hidden\",\n        \"false\"\n      );\n\n\n      modal.setAttribute(\n        \"aria-hidden\",\n        \"false\"\n      );\n\n\n      window.setTimeout(\n        function () {\n\n          closeButton.focus();\n\n        },\n        50\n      );\n\n    }\n\n\n\n    if (\n      sizeButton \u0026\u0026\n      sizeModal \u0026\u0026\n      sizeOverlay \u0026\u0026\n      sizeCloseButton\n    ) {\n\n\n      sizeButton.addEventListener(\n        \"click\",\n        function (event) {\n\n\n          event.preventDefault();\n\n          event.stopPropagation();\n\n\n          openModal(\n            sizeModal,\n            sizeOverlay,\n            sizeCloseButton\n          );\n\n        }\n      );\n\n\n      sizeCloseButton.addEventListener(\n        \"click\",\n        function () {\n\n          closeAllModals();\n\n        }\n      );\n\n\n      sizeOverlay.addEventListener(\n        \"click\",\n        function () {\n\n          closeAllModals();\n\n        }\n      );\n\n    }\n\n\n\n    if (\n      policyButton \u0026\u0026\n      policyModal \u0026\u0026\n      policyOverlay \u0026\u0026\n      policyCloseButton\n    ) {\n\n\n      policyButton.addEventListener(\n        \"click\",\n        function (event) {\n\n\n          event.preventDefault();\n\n          event.stopPropagation();\n\n\n          openModal(\n            policyModal,\n            policyOverlay,\n            policyCloseButton\n          );\n\n        }\n      );\n\n\n      policyCloseButton.addEventListener(\n        \"click\",\n        function () {\n\n          closeAllModals();\n\n        }\n      );\n\n\n      policyOverlay.addEventListener(\n        \"click\",\n        function () {\n\n          closeAllModals();\n\n        }\n      );\n\n    }\n\n\n\n    document.addEventListener(\n      \"keydown\",\n      function (event) {\n\n\n        if (event.key === \"Escape\") {\n\n          closeAllModals();\n\n        }\n\n      }\n    );\n\n  }\n\n\n\n  if (\n    document.readyState === \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeProductPopups\n    );\n\n  }\n\n  else {\n\n    initializeProductPopups();\n\n  }\n\n})();\n\n\u003c\/script\u003e","brand":"Magrina Designs","offers":[{"title":"46 \/ Black","offer_id":49255716454651,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"48 \/ Black","offer_id":49255716487419,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"50 \/ Black","offer_id":49255716520187,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"52 \/ Black","offer_id":49255716552955,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"54 \/ Black","offer_id":49255716585723,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"56 \/ Black","offer_id":49255716618491,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"58 \/ Black","offer_id":49255716651259,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"46 \/ Off White","offer_id":49256561213691,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"48 \/ Off White","offer_id":49256561246459,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"50 \/ Off White","offer_id":49256561279227,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"52 \/ Off White","offer_id":49256561311995,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"54 \/ Off White","offer_id":49256561344763,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"56 \/ Off White","offer_id":49256561377531,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true},{"title":"58 \/ Off White","offer_id":49256561410299,"sku":null,"price":1050.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0748\/6147\/8139\/files\/ChatGPT_Image_Sep_2_2026_03_59_21_AM.png?v=1788310382","url":"https:\/\/www.magrinastore.com\/products\/straight-pant","provider":"Magrina Designs","version":"1.0","type":"link"}