{"title":"Native Union","description":"","products":[{"product_id":"city-sling","title":"Native Union City Sling","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003e100% Recycled Material\u003c\/div\u003e\n \u003ch1\u003eCity \u003cspan class=\"highlight\"\u003eSling\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eEffortless everyday carry. Function meets fashion for wearable tech that fits your everyday style and protects against drops and falls. Adjust the length and wear it your way for an eco-friendly, effortless hands-free experience.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003e100% Recycled Polyester\u003c\/li\u003e\n \u003cli\u003eUniversal Case Adapter\u003c\/li\u003e\n \u003cli\u003eFully Adjustable Length\u003c\/li\u003e\n \u003cli\u003eQuick-Release Clip\u003c\/li\u003e\n \u003cli\u003eThick \u0026amp; Comfortable Straps\u003c\/li\u003e\n \u003cli\u003e6 Unique Colors\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eStyle\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eBuy less, but better. Made significantly better for the Earth, the City Sling is crafted entirely from 100% recycled polyester (rPET) sourced directly from repurposed plastic bottles.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eVersatile \u003cspan class=\"highlight\"\u003eCarry\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eAdapt to your day. Attach the sling easily to most closed-bottom phone cases via the included adapter, then simply unclip it in seconds when you want to go sling-free.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eCustom \u003cspan class=\"highlight\"\u003eComfort\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eWear it your way. Enjoy comfortable, all-day wear with thicker, pressure-relieving straps and an easily adjustable length. Wear it crossbody, as a necklace, or whatever feels most you.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eBuilt to \u003cspan class=\"highlight\"\u003eLast\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eDependable security. Engineered with a highly durable, rugged construction that keeps your phone safely tethered and protected against accidental drops and falls on the city streets.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eDesigned to integrate seamlessly with your favorite case.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e 100% Recycled Polyester (rPET)\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCompatibility\u003c\/strong\u003e Universal (Fits Closed-Bottom Phone Cases)\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAttachment Method\u003c\/strong\u003e Insertable Phone Case Adapter\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHardware\u003c\/strong\u003e Quick-Release Metal Clip\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAdjustability\u003c\/strong\u003e Fully Adjustable Strap Length\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDurability\u003c\/strong\u003e Thick, High-Tensile Strap Construction\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eColor Options\u003c\/strong\u003e Available in 6 Unique Colors\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eWear Style\u003c\/strong\u003e Crossbody, Necklace, or Shoulder\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"Lemon","offer_id":47763226034394,"sku":"CITY-SLING-LMO","price":1990.0,"currency_code":"EGP","in_stock":false},{"title":"Black","offer_id":47763226067162,"sku":"CITY-SLING-BLK-RP","price":1990.0,"currency_code":"EGP","in_stock":true},{"title":"Kraft","offer_id":47763226099930,"sku":"SLING-UNI-KFT-V2","price":1990.0,"currency_code":"EGP","in_stock":false},{"title":"Slate Green","offer_id":47763226132698,"sku":"SLING-UNI-GRN-RP2","price":1990.0,"currency_code":"EGP","in_stock":false},{"title":"Apricot Crush","offer_id":47763226165466,"sku":"SLING-UNI-APR-V2","price":1990.0,"currency_code":"EGP","in_stock":false},{"title":"Sandstone","offer_id":47763226198234,"sku":"CITY-SLING-SAN-RP","price":1990.0,"currency_code":"EGP","in_stock":true},{"title":"Midnight Blue","offer_id":47763226231002,"sku":"SLING-UNI-BLU-RP2","price":1990.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/CitySling_Lemon.png?v=1776331830"},{"product_id":"w-f-a-sleeve-for-macbook-13","title":"Native Union W.F.A Sleeve for MacBook Air 13\"","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003eEveryday Protection\u003c\/div\u003e\n \u003ch1\u003eW.F.A MacBook \u003cspan class=\"highlight\"\u003eSleeve\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eRefined, form-fitting protection for your MacBook. Dependable defense for your most innovative device, highlighted with a bold color contrast for a simple yet striking addition to your everyday carry.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003e100% Recycled rPET\u003c\/li\u003e\n \u003cli\u003e360° Padded Defense\u003c\/li\u003e\n \u003cli\u003eWater-Repellent Finish\u003c\/li\u003e\n \u003cli\u003ePlant-Based Leather Accents\u003c\/li\u003e\n \u003cli\u003eRecycled PU Foam\u003c\/li\u003e\n \u003cli\u003e88% Recycled Zipper\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003e360-Degree \u003cspan class=\"highlight\"\u003eDefense\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEveryday protection. Crafted with a hard-wearing textile exterior and a fully recycled PU foam padded interior, delivering comprehensive, form-fitting protection from all angles.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eStyle\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eMade better for the Earth. The sleeve's sleek exterior is constructed entirely from 100% recycled polyester (rPET) sourced seamlessly from repurposed plastic bottles.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eWater \u003cspan class=\"highlight\"\u003eRepellent\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eWeather the elements. The durable recycled textile exterior is specially coated to provide a highly effective water-repellent finish, keeping your device safe from unexpected spills and light rain.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eRefined \u003cspan class=\"highlight\"\u003eAccents\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eConsidered design. Features striking color contrasts, premium details crafted from a plant-based leather alternative, and a durable 88% recycled zipper for eco-friendly elegance.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eSleek, understated style crafted from sustainable materials.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCompatibility\u003c\/strong\u003e Apple MacBook Air 13\"\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eExterior Material\u003c\/strong\u003e 100% Recycled Polyester (rPET)\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eInterior Padding\u003c\/strong\u003e 100% Recycled PU Foam\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHardware\u003c\/strong\u003e 88% Recycled Zipper\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAccents\u003c\/strong\u003e Plant-Based Leather Alternative\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eProtection Level\u003c\/strong\u003e 360-Degree Form-Fitting Defense\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eFinish\u003c\/strong\u003e Coated Water-Repellent Exterior\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDesign Style\u003c\/strong\u003e Bold Color Contrast \u0026amp; Understated\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"Black","offer_id":47763226263770,"sku":"STOW-LT-MBS-BLK-13","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"Kraft","offer_id":47763226296538,"sku":"STOW-LT-MBS-KFT-13","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"Slate Green","offer_id":47763226329306,"sku":"STOW-LT-MBS-SLG-13","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"Navy","offer_id":47763226362074,"sku":"STOW-LT-MBS-NAV-13","price":3490.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/RecycleIcon_WFA_GreenSTOW13__Front.png?v=1776331827"},{"product_id":"w-f-a-sleeve-for-macbook-14","title":"Native Union W.F.A Sleeve for MacBook Pro 14\"","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003eEveryday Protection\u003c\/div\u003e\n \u003ch1\u003eW.F.A Pro \u003cspan class=\"highlight\"\u003eSleeve\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eRefined, form-fitting protection for your MacBook. Dependable defense for your most innovative device, highlighted with a bold color contrast for a simple yet striking addition to your everyday carry.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003e100% Recycled rPET\u003c\/li\u003e\n \u003cli\u003e360° Padded Defense\u003c\/li\u003e\n \u003cli\u003eWater-Repellent Finish\u003c\/li\u003e\n \u003cli\u003ePlant-Based Leather Accents\u003c\/li\u003e\n \u003cli\u003eRecycled PU Foam\u003c\/li\u003e\n \u003cli\u003e88% Recycled Zipper\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003e360-Degree \u003cspan class=\"highlight\"\u003eDefense\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEveryday protection. Crafted with a hard-wearing textile exterior and a fully recycled PU foam padded interior, delivering comprehensive, form-fitting protection from all angles.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eStyle\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eMade better for the Earth. The sleeve's sleek exterior is constructed entirely from 100% recycled polyester (rPET) sourced seamlessly from repurposed plastic bottles.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eWater \u003cspan class=\"highlight\"\u003eRepellent\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eWeather the elements. The durable recycled textile exterior is specially coated to provide a highly effective water-repellent finish, keeping your device safe from unexpected spills and light rain.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eRefined \u003cspan class=\"highlight\"\u003eAccents\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eConsidered design. Features striking color contrasts, premium details crafted from a plant-based leather alternative, and a durable 88% recycled zipper for eco-friendly elegance.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eSleek, understated style crafted from sustainable materials.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCompatibility\u003c\/strong\u003e Apple MacBook Pro 14\"\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eExterior Material\u003c\/strong\u003e 100% Recycled Polyester (rPET)\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eInterior Padding\u003c\/strong\u003e 100% Recycled PU Foam\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHardware\u003c\/strong\u003e 88% Recycled Zipper\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAccents\u003c\/strong\u003e Plant-Based Leather Alternative\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eProtection Level\u003c\/strong\u003e 360-Degree Form-Fitting Defense\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eFinish\u003c\/strong\u003e Coated Water-Repellent Exterior\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDesign Style\u003c\/strong\u003e Bold Color Contrast \u0026amp; Understated\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"Black","offer_id":47763226460378,"sku":"STOW-LT-MBS-BLK-14","price":3490.0,"currency_code":"EGP","in_stock":true},{"title":"Kraft","offer_id":47763226493146,"sku":"STOW-LT-MBS-KFT-14","price":3490.0,"currency_code":"EGP","in_stock":true},{"title":"Slate Green","offer_id":47763226525914,"sku":"STOW-LT-MBS-SLG-14","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"Navy","offer_id":47763226558682,"sku":"STOW-LT-MBS-NAV-14","price":3490.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/RecycleIcon_WFA_BlackSTOW14__Front.png?v=1776331819"},{"product_id":"w-f-a-sleeve-for-macbook-16","title":"Native Union W.F.A Sleeve for MacBook Pro 16\"","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003eEveryday Protection\u003c\/div\u003e\n \u003ch1\u003eW.F.A Pro 16\" \u003cspan class=\"highlight\"\u003eSleeve\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eRefined, form-fitting protection for your MacBook. Dependable defense for your most innovative device, highlighted with a bold color contrast for a simple yet striking addition to your everyday carry.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003e100% Recycled rPET\u003c\/li\u003e\n \u003cli\u003e360° Padded Defense\u003c\/li\u003e\n \u003cli\u003eWater-Repellent Finish\u003c\/li\u003e\n \u003cli\u003ePlant-Based Leather Accents\u003c\/li\u003e\n \u003cli\u003eRecycled PU Foam\u003c\/li\u003e\n \u003cli\u003e88% Recycled Zipper\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003e360-Degree \u003cspan class=\"highlight\"\u003eDefense\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEveryday protection. Crafted with a hard-wearing textile exterior and a fully recycled PU foam padded interior, delivering comprehensive, form-fitting protection from all angles.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eStyle\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eMade better for the Earth. The sleeve's sleek exterior is constructed entirely from 100% recycled polyester (rPET) sourced seamlessly from repurposed plastic bottles.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eWater \u003cspan class=\"highlight\"\u003eRepellent\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eWeather the elements. The durable recycled textile exterior is specially coated to provide a highly effective water-repellent finish, keeping your device safe from unexpected spills and light rain.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eRefined \u003cspan class=\"highlight\"\u003eAccents\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eConsidered design. Features striking color contrasts, premium details crafted from a plant-based leather alternative, and a durable 88% recycled zipper for eco-friendly elegance.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eSleek, understated style crafted from sustainable materials.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCompatibility\u003c\/strong\u003e Apple MacBook Pro 16\"\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eExterior Material\u003c\/strong\u003e 100% Recycled Polyester (rPET)\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eInterior Padding\u003c\/strong\u003e 100% Recycled PU Foam\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHardware\u003c\/strong\u003e 88% Recycled Zipper\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAccents\u003c\/strong\u003e Plant-Based Leather Alternative\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eProtection Level\u003c\/strong\u003e 360-Degree Form-Fitting Defense\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eFinish\u003c\/strong\u003e Coated Water-Repellent Exterior\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDesign Style\u003c\/strong\u003e Bold Color Contrast \u0026amp; Understated\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"Black","offer_id":47763226788058,"sku":"STOW-LT-MBS-BLK-16","price":3490.0,"currency_code":"EGP","in_stock":true},{"title":"Kraft","offer_id":47763226820826,"sku":"STOW-LT-MBS-KFT-16","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"Slate Green","offer_id":47763226853594,"sku":"STOW-LT-MBS-SLG-16","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"Navy","offer_id":47763226886362,"sku":"STOW-LT-MBS-NAV-16","price":3490.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/RecycleIcon_WFA_KraftSTOW16__Front.png?v=1776331824"},{"product_id":"reclassic-case-for-iphone-17","title":"Native Union (Re)Classic Case for iPhone 17 Pro Max \/ 17 Pro","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cheader class=\"hero-section\"\u003e\n\u003cdiv class=\"badge\"\u003eEco-Conscious Design\u003c\/div\u003e\n\u003ch1\u003eTextured Eco-Leather \u003cspan class=\"highlight\"\u003eCase\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-intro\"\u003eTextured elegance for your iPhone, made better for the Earth. The timeless contrast of smooth and cross-grained leather is reinterpreted with an animal-free, eco-conscious alternative for low impact and long-lasting protection.\u003c\/p\u003e\n\u003cul class=\"hero-list\"\u003e\n\u003cli\u003eAnimal-Free Leather\u003c\/li\u003e\n\u003cli\u003e100% Recycled Frame\u003c\/li\u003e\n\u003cli\u003e6ft Drop Protection\u003c\/li\u003e\n\u003cli\u003eCamera Control Cutout\u003c\/li\u003e\n\u003cli\u003eMicrofiber Lining\u003c\/li\u003e\n\u003cli\u003eMagSafe Compatible\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/header\u003e\n\u003csection class=\"features-grid\"\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eLuxury\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBetter for the planet. Crafted with a highly durable, recycled, and completely animal-free leather alternative, delivering a premium feel that offers low-impact, long-lasting protection.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch2\u003eTextured \u003cspan class=\"highlight\"\u003eElegance\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA timeless contrast. The 100% recycled frame is fully wrapped in a beautiful, tactile design that blends smooth and cross-grained textures for an undeniably elevated finish.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch2\u003eCamera \u003cspan class=\"highlight\"\u003eControl Cutout\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eUnobstructed access. Features a precisely engineered cutout designed for effortless access to the Camera Control button, ensuring seamless functionality without compromising defense.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch2\u003e6ft Drop \u003cspan class=\"highlight\"\u003eDefense\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBuilt to endure. Protect your iPhone with highly resistant materials that have been rigorously tested to withstand everyday impacts and drops of up to 6 feet (1.8 meters).\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch2\u003eUncompromising \u003cspan class=\"highlight\"\u003eCare\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eAttention to detail. Features a plush recycled microfiber lining to prevent interior scratches, raised edges for screen and lens defense, and a closed-bottom structure for extra security.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch2\u003eMagSafe \u003cspan class=\"highlight\"\u003eReady\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSnap and charge. Designed with an integrated magnetic array, this case is fully compatible with MagSafe charging and all your favorite magnetic accessories for ultimate utility.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003csection class=\"specs-box\"\u003e\n\u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n\u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003ePremium protection, consciously crafted.\u003c\/p\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eExterior Material\u003c\/strong\u003e Recycled \u0026amp; Animal-Free Vegan Leather\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFrame\u003c\/strong\u003e 100% Recycled Materials\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eInterior Lining\u003c\/strong\u003e Soft Recycled Microfiber\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e Smooth \u0026amp; Cross-Grained Texture\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDrop Protection\u003c\/strong\u003e Up to 6ft \/ 1.8m\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCamera Control\u003c\/strong\u003e Precise Open Cutout\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eStructure\u003c\/strong\u003e Closed-Bottom with Raised Edges\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCharging\u003c\/strong\u003e MagSafe \u0026amp; Wireless Compatible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Native Union","offers":[{"title":"iPhone 17 Pro Max \/ Tan","offer_id":47763227050202,"sku":"RECLA-TAN-NP25PM","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro Max \/ Black","offer_id":47763227082970,"sku":"RECLA-BLK-NP25PM","price":3490.0,"currency_code":"EGP","in_stock":true},{"title":"iPhone 17 Pro Max \/ Navy","offer_id":47763227115738,"sku":"RECLA-NAV-NP25PM","price":3490.0,"currency_code":"EGP","in_stock":true},{"title":"iPhone 17 Pro Max \/ Slate Green","offer_id":47763227148506,"sku":"RECLA-GRN-NP25PM","price":3490.0,"currency_code":"EGP","in_stock":true},{"title":"iPhone 17 Pro \/ Tan","offer_id":47763226919130,"sku":"RECLA-TAN-NP25P","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro \/ Black","offer_id":47763226951898,"sku":"RECLA-BLK-NP25P","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro \/ Navy","offer_id":47763226984666,"sku":"RECLA-NAV-NP25P","price":3490.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro \/ Slate Green","offer_id":47763227017434,"sku":"RECLA-GRN-NP25P","price":3490.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/17P_Tan_Overlap_WithPhone.png?v=1776331803"},{"product_id":"ultralight-sleeve-for-macbook-14","title":"Native Union Ultralight Sleeve for MacBook Pro 14\"","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003eUltralight Protection\u003c\/div\u003e\n \u003ch1\u003eUltralight \u003cspan class=\"highlight\"\u003eSleeve\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eAs light as air, as protective as ever, ready for action. Crafted with 100% recycled water-resistant ripstop fabric, the Ultralight Sleeve marries lightweight materials with durable protection to keep your valuable device bump, bang, and scratch-free.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003e100% Recycled Ripstop\u003c\/li\u003e\n \u003cli\u003e360° Foam Padding\u003c\/li\u003e\n \u003cli\u003eWater-Resistant Finish\u003c\/li\u003e\n \u003cli\u003eQuick-Access Pocket\u003c\/li\u003e\n \u003cli\u003eContrasting Zipper Pulls\u003c\/li\u003e\n \u003cli\u003eUltra-Lightweight Build\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eRipstop \u003cspan class=\"highlight\"\u003eDurability\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eTough but weightless. Crafted with highly reinforced ripstop fabric, it boasts incredible durability and tear resistance in a remarkably lightweight form for modern, everyday carry.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003e360-Degree \u003cspan class=\"highlight\"\u003eDefense\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEveryday protection. Features a form-fitting construction, an extra-soft interior lining, and 100% recycled foam padding that cushions your MacBook against daily bumps and bangs.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eWeather \u003cspan class=\"highlight\"\u003eResistant\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eKeep the elements out. The exterior fabric and zipper are highly water-resistant, offering an extra layer of dependable protection against unexpected splashes and scratches.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eBuild\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eMade better for the Earth. The entire sleeve is thoughtfully constructed using 100% recycled ripstop fabric, alongside fully recycled internal foam padding and lining.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eQuick-Access \u003cspan class=\"highlight\"\u003ePocket\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eStay organized. Intelligently designed with a seamless exterior quick-access pocket, ensuring your cables, chargers, and other daily essentials are always within easy reach.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eBold \u003cspan class=\"highlight\"\u003eAccents\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eModern finish. Sleek, understated style is elevated by carefully considered details, including cord zipper pulls in a bold contrasting color that adds a modern accent to your carry.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eLightweight materials meet heavy-duty defense.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCompatibility\u003c\/strong\u003e Apple MacBook Pro 14\"\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eExterior Material\u003c\/strong\u003e 100% Recycled Water-Resistant Ripstop\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eInterior Padding\u003c\/strong\u003e 100% Recycled Foam Padding \u0026amp; Lining\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eStorage\u003c\/strong\u003e Main Compartment + Quick-Access Pocket\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHardware\u003c\/strong\u003e Water-Resistant Zipper \u0026amp; Contrasting Pulls\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eProtection Level\u003c\/strong\u003e 360-Degree Form-Fitting Defense\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"Black","offer_id":47763227181274,"sku":"STOW-UT-MBS-BLK-14","price":2690.0,"currency_code":"EGP","in_stock":true},{"title":"Sandstone","offer_id":47763227214042,"sku":"STOW-UT-MBS-SAN-14","price":2690.0,"currency_code":"EGP","in_stock":true},{"title":"Slate Green","offer_id":47763227279578,"sku":"STOW-UT-MBS-GRN-14","price":2690.0,"currency_code":"EGP","in_stock":true},{"title":"Apricot Crush","offer_id":47763227246810,"sku":"STOW-UT-MBS-APR-14","price":2690.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/UltraSleeve_14_stone.png?v=1776331826"},{"product_id":"active-case-for-iphone-17","title":"Native Union Active Case for iPhone 17 Pro Max \/ 17 Pro","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003e10ft Drop Defense\u003c\/div\u003e\n \u003ch1\u003eActive \u003cspan class=\"highlight\"\u003eCase\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eEveryday protection to the max. The Active Case combines extra-durable drop protection with elevated materials for a daily carry without compromise. Semi-wrapped in a sustainable alternative to leather, it is rugged, refined, and minimalist.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003e10ft \/ 3m Drop Protection\u003c\/li\u003e\n \u003cli\u003eGlass Camera Button\u003c\/li\u003e\n \u003cli\u003eAnimal-Free Eco Leather\u003c\/li\u003e\n \u003cli\u003e100% Recycled Frame\u003c\/li\u003e\n \u003cli\u003eClosed-Bottom Structure\u003c\/li\u003e\n \u003cli\u003eMagSafe Compatible\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003e10ft Drop \u003cspan class=\"highlight\"\u003eDefense\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eWorry-free carry. Engineered for the unexpected, the Active Case provides maximum peace of mind with extreme drop protection rigorously tested up to 10 feet (3 meters).\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003ePrecision \u003cspan class=\"highlight\"\u003eControl\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eSeamless functionality. Features a precision-tuned Camera Button crafted from high-grade, scratch-resistant glass, allowing for incredibly smooth and reliable photo and video control.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eLuxury\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eRugged yet refined. The exterior is semi-wrapped in a premium, durable, and completely animal-free leather alternative, delivering a sophisticated feel that minimizes environmental impact.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eShock \u003cspan class=\"highlight\"\u003eAbsorbing\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eTough where it counts. The structural core is built around a smooth and highly shock-absorbing frame made entirely with 100% recycled materials to cushion your device from heavy impacts.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eUncompromising \u003cspan class=\"highlight\"\u003eCare\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eAttention to detail. Complete with a soft recycled microfiber lining to prevent internal scratches, raised edges to protect your lenses and screen, and a closed-bottom structure for ultimate 360-degree security.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eMagSafe \u003cspan class=\"highlight\"\u003eReady\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eMagnetic mastery. Designed with an integrated magnetic array, this case seamlessly snaps onto MagSafe chargers, wallets, and mounts to keep you powered and connected on the go.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eMaximum protection meets minimalist design.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDrop Protection\u003c\/strong\u003e Up to 10ft \/ 3m\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eExterior Wrap\u003c\/strong\u003e Recycled \u0026amp; Animal-Free Eco-Leather\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eFrame Material\u003c\/strong\u003e 100% Recycled Shock-Absorbing Core\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCamera Button\u003c\/strong\u003e High-Grade Scratch-Resistant Glass\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eInterior Lining\u003c\/strong\u003e Soft Recycled Microfiber\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDesign Structure\u003c\/strong\u003e Semi-Wrapped, Closed-Bottom\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eScreen\/Lens Defense\u003c\/strong\u003e Raised Bezel Edges\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCharging\u003c\/strong\u003e MagSafe \u0026amp; Wireless Compatible\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"iPhone 17 Pro Max \/ Black","offer_id":47763227476186,"sku":"ACTCSE-BLK-NP25PM","price":2890.0,"currency_code":"EGP","in_stock":true},{"title":"iPhone 17 Pro Max \/ Apricot Crush","offer_id":47763227508954,"sku":"ACTCSE-APR-NP25PM","price":2890.0,"currency_code":"EGP","in_stock":true},{"title":"iPhone 17 Pro Max \/ Sandstone","offer_id":47763227541722,"sku":"ACTCSE-SAN-NP25PM","price":2890.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro Max \/ Slate Green","offer_id":47763227574490,"sku":"ACTCSE-GRN-NP25PM","price":2890.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro \/ Black","offer_id":47763227345114,"sku":"ACTCSE-BLK-NP25P","price":2890.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro \/ Apricot Crush","offer_id":47763227377882,"sku":"ACTCSE-APR-NP25P","price":2890.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro \/ Sandstone","offer_id":47763227410650,"sku":"ACTCSE-SAN-NP25P","price":2890.0,"currency_code":"EGP","in_stock":false},{"title":"iPhone 17 Pro \/ Slate Green","offer_id":47763227443418,"sku":"ACTCSE-GRN-NP25P","price":2890.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/17P_Black_Overlap_WithPhone.png?v=1776331804"},{"product_id":"w-f-a-backpack","title":"Native Union W.F.A Backpack","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003eModern Everyday Carry\u003c\/div\u003e\n \u003ch1\u003eW.F.A \u003cspan class=\"highlight\"\u003eBackpack\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eEveryday carry, elevated. The W.F.A Backpack features a modern, minimalist profile that seamlessly matches your style. With a lightweight and spacious 20L capacity designed for the digital lifestyle, it perfectly balances form, function, and sustainability.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003e20L Spacious Capacity\u003c\/li\u003e\n \u003cli\u003ePadded 16\" Laptop Sleeve\u003c\/li\u003e\n \u003cli\u003e100% Recycled rPET\u003c\/li\u003e\n \u003cli\u003eCordura® Reinforcement\u003c\/li\u003e\n \u003cli\u003eWater-Resistant Finish\u003c\/li\u003e\n \u003cli\u003eTravel-Ready Luggage Strap\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eDigital \u003cspan class=\"highlight\"\u003eLifestyle\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eTech-ready design. Features a dedicated, padded laptop sleeve protecting devices up to 16\", plus smart mesh compartments to keep cables, chargers, and other essentials neatly organized.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSmart \u003cspan class=\"highlight\"\u003eOrganization\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003e20L Capacity. Lightweight yet remarkably roomy. Thoughtfully equipped with multiple interior pockets, an exterior quick-access pocket, a water bottle holder, a secure key leash, and a discreet hidden pocket.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eMaterials\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eBetter for the Earth. The main body is crafted entirely from 100% recycled polyester (rPET) sourced from plastic bottles, finished with refined accents made from innovative plant-based sources.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eRugged \u003cspan class=\"highlight\"\u003eDurability\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eBuilt to endure. Defies the elements with a water-resistant finish, reinforced seams, premium YKK zippers, and military-grade Cordura fabric protecting the most exposed, high-wear areas.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eComfort \u003cspan class=\"highlight\"\u003eCarry\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eAll-day ease. Thick, breathable organic cotton straps deliver exceptional comfort for back-wear, while a sturdy top-handle provides an elegant option for quick, tote-style carrying.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eTravel \u003cspan class=\"highlight\"\u003eReady\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eReady for departure. Features an integrated luggage strap that slips easily over suitcase handles for seamless travel. It also cleverly doubles as a neat way to stow your straps when not in use.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eEngineered for modern life and built to last.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCapacity\u003c\/strong\u003e 20 Liters\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eLaptop Compatibility\u003c\/strong\u003e Padded Sleeve for up to 16\" Devices\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eMain Material\u003c\/strong\u003e 100% Recycled Polyester (rPET)\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eReinforcement\u003c\/strong\u003e Military-Grade Cordura Fabric\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHardware\u003c\/strong\u003e YKK Zippers\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eStraps\u003c\/strong\u003e Thick Organic Cotton\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eWeather Resistance\u003c\/strong\u003e Water-Resistant Coating\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eTravel Features\u003c\/strong\u003e Luggage Pass-Through Strap\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"Navy","offer_id":47763227640026,"sku":"BACKPACK-NAV","price":6990.0,"currency_code":"EGP","in_stock":false},{"title":"Black","offer_id":47763227672794,"sku":"BACKPACK-BLK","price":6990.0,"currency_code":"EGP","in_stock":true},{"title":"Kraft","offer_id":47763227705562,"sku":"BACKPACK-KFT","price":6990.0,"currency_code":"EGP","in_stock":true},{"title":"Slate Green","offer_id":47763227738330,"sku":"BACKPACK-GRN","price":6990.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/WFA_backpack_navy_front.png?v=1776331829"},{"product_id":"reclassic-wallet-magnetic-new","title":"Native Union (Re)Classic MagSafe Wallet","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003eEveryday Carry\u003c\/div\u003e\n \u003ch1\u003eMagnetic \u003cspan class=\"highlight\"\u003eWallet\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eYour phone and wallet, all in one. Keep your most-used cards always in reach with strong built-in magnets that ensure secure attachment. Durably crafted with an eco-conscious material and finished with an elegant textured contrast for elevated everyday carry.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003e3-Card Capacity\u003c\/li\u003e\n \u003cli\u003eMagSafe Compatible\u003c\/li\u003e\n \u003cli\u003eAnimal-Free Eco Leather\u003c\/li\u003e\n \u003cli\u003eRear Access Port\u003c\/li\u003e\n \u003cli\u003eUltra-Slim Profile\u003c\/li\u003e\n \u003cli\u003eTextured Contrast Finish\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eCarry \u003cspan class=\"highlight\"\u003eLighter\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eDitch the bulk. Designed with an ultra-slim profile that comfortably houses up to three of your most essential cards, streamlining your daily essentials into one sleek package.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSecure \u003cspan class=\"highlight\"\u003eAttachment\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eLocked in place. Fully compatible with all MagSafe cases and phones, utilizing strong built-in magnets that ensure your wallet stays firmly attached to your device wherever you go.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eLuxury\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eBetter for the Earth. Durably crafted with a recycled and completely animal-free leather alternative. It features an elegant textured contrast that looks and feels incredibly premium.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSeamless \u003cspan class=\"highlight\"\u003eAccess\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eReady when you are. Never fumble at the checkout line again. A cleverly designed rear access port allows you to smoothly and effortlessly slide your cards out right when you need them.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eStreamlined design meets eco-conscious materials.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCapacity\u003c\/strong\u003e Up to 3 Essential Cards\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e Recycled Animal-Free Eco Leather\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAttachment\u003c\/strong\u003e Strong Built-in MagSafe Magnets\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCompatibility\u003c\/strong\u003e All MagSafe Phones \u0026amp; Cases\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAccess Method\u003c\/strong\u003e Rear Slide-Out Port\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDesign Finish\u003c\/strong\u003e Elegant Textured Contrast\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"Black","offer_id":47763227771098,"sku":"RECLA-BLK-WAL","price":2490.0,"currency_code":"EGP","in_stock":true},{"title":"Navy","offer_id":47763227803866,"sku":"RECLA-NAV-WAL","price":2490.0,"currency_code":"EGP","in_stock":true},{"title":"Slate Green","offer_id":47763227836634,"sku":"RECLA-GRN-WAL","price":2490.0,"currency_code":"EGP","in_stock":true},{"title":"Tan","offer_id":47763227869402,"sku":"RECLA-TAN-WAL","price":2490.0,"currency_code":"EGP","in_stock":false},{"title":"Kraft","offer_id":47763227902170,"sku":"RECLA-KFT-WAL","price":2490.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/card_holder__2000x2000_874c8478-a464-4cf3-89e8-43d062649fe5.png?v=1776331804"},{"product_id":"reclassic-sling","title":"Native Union (Re)Classic Sling","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n \/* --- COLOR PALETTE (Dark Mode) --- *\/\n :root {\n --bg-page: #121212;\n --bg-card: #1c1c1e;\n --bg-chip: #2c2c2e;\n --text-primary: #f5f5f7;\n --text-secondary: #a1a1a6;\n --border-color: #38383a;\n --accent-color: #910417; \/* Deep Crimson *\/\n }\n\n \/* === LAYOUT \u0026 OVERLAP FIXES === *\/\n \/* These specific rules prevent content crushing and theme conflicts *\/\n\n body {\n background-color: var(--bg-page);\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .product-container {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text-primary);\n line-height: 1.6;\n max-width: 1000px;\n margin: 0 auto;\n padding: 40px 20px;\n box-sizing: border-box;\n \n \/* Layout Safety Resets *\/\n position: relative !important;\n height: auto !important;\n width: 100% !important;\n display: block !important;\n }\n\n \/* Responsive Typography *\/\n .product-container h1 {\n margin-top: 0;\n margin-bottom: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--text-primary);\n font-size: clamp(32px, 5vw, 48px); \n line-height: 1.1;\n position: relative !important;\n }\n\n .product-container h2 {\n font-size: clamp(22px, 3vw, 26px);\n margin-top: 0;\n margin-bottom: 12px;\n font-weight: 600;\n color: var(--text-primary);\n position: relative !important;\n }\n\n .product-container p {\n margin: 0 0 16px 0;\n color: var(--text-secondary);\n font-size: 16px;\n position: relative !important;\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .hero-intro {\n font-size: clamp(17px, 2vw, 20px);\n color: var(--text-secondary);\n font-weight: 400;\n line-height: 1.6;\n }\n\n .hero-list {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 24px;\n position: relative !important;\n }\n\n .hero-list li {\n background: var(--bg-chip);\n border: 1px solid var(--border-color);\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-primary);\n letter-spacing: 0.02em;\n white-space: nowrap;\n display: inline-flex !important;\n align-items: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 60px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .product-container { padding: 60px 20px; }\n .features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n }\n\n .feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 24px;\n padding: 30px 24px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n \n \/* FLEX FIXES FOR OVERLAP *\/\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-start !important;\n align-items: center !important;\n position: relative !important;\n height: auto !important;\n overflow: visible !important;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 40px; }\n }\n \n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.5);\n border-color: #555;\n }\n\n \/* Tech Specs Section Styling *\/\n .specs-box {\n background: var(--bg-chip);\n border-radius: 24px;\n padding: 30px 24px;\n margin-top: 40px;\n position: relative !important;\n height: auto !important;\n }\n\n @media (min-width: 768px) {\n .specs-box { padding: 40px; }\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 24px;\n text-align: left;\n }\n\n @media (min-width: 600px) {\n .specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: 24px 40px;\n }\n }\n\n .specs-grid div {\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 12px;\n color: var(--text-secondary);\n font-size: 15px;\n position: relative !important;\n }\n\n .specs-grid strong {\n color: var(--text-primary);\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n \n \/* Utility *\/\n .highlight {\n color: var(--accent-color);\n }\n\n .badge {\n display: inline-block;\n background: rgba(145, 4, 23, 0.2);\n color: var(--accent-color);\n padding: 6px 14px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 16px !important;\n border: 1px solid var(--accent-color);\n position: relative !important;\n }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-container\"\u003e\n\n \u003cheader class=\"hero-section\"\u003e\n \u003cdiv class=\"badge\"\u003eEco-Friendly Carry\u003c\/div\u003e\n \u003ch1\u003eCrossbody \u003cspan class=\"highlight\"\u003ePhone Strap\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-intro\"\u003eWearable tech gets a timeless touch. Keep it classy with this elevated take on the convenient crossbody strap, crafted in a durable leather alternative. Adjust it to fit your frame and wear it your way for an elegant and effortless everyday carry.\u003c\/p\u003e\n \n \u003cul class=\"hero-list\"\u003e\n \u003cli\u003eAnimal-Free Eco Leather\u003c\/li\u003e\n \u003cli\u003eUniversal Phone Adapter\u003c\/li\u003e\n \u003cli\u003eFully Adjustable Length\u003c\/li\u003e\n \u003cli\u003eQuick-Release Clip\u003c\/li\u003e\n \u003cli\u003eSecure Construction\u003c\/li\u003e\n \u003cli\u003e4 Classic Colors\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/header\u003e\n\n \u003csection class=\"features-grid\"\u003e\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eVersatile \u003cspan class=\"highlight\"\u003eCarry\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eAdapt to your day. Attach the strap easily to your existing phone case via the included adapter, then simply unclip it in seconds when you want to go sling-free.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eSustainable \u003cspan class=\"highlight\"\u003eStyle\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eBetter for the Earth. Meticulously crafted with a highly durable, recycled, and entirely animal-free leather alternative that delivers a premium, sophisticated aesthetic.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eCustom \u003cspan class=\"highlight\"\u003eComfort\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eTailored to you. Enjoy comfortable, all-day wear with an easily adjustable length and sturdy straps designed to perfectly fit your frame and preferred carrying style.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"feature-card\"\u003e\n \u003ch2\u003eBuilt to \u003cspan class=\"highlight\"\u003eLast\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eDependable security. Engineered with a strong, rugged construction and reliable hardware that keeps your phone safely tethered and secure, no matter where your day takes you.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specs-box\"\u003e\n \u003ch3 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h3\u003e\n \u003cp style=\"text-align: center; font-size: 14px; margin-bottom: 30px; opacity: 0.8;\"\u003eDesigned to integrate with your favorite case.\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e Recycled Animal-Free Eco Leather\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eCompatibility\u003c\/strong\u003e Universal (Fits Most Phone Cases)\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAttachment Method\u003c\/strong\u003e Insertable Phone Case Adapter\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHardware\u003c\/strong\u003e Quick-Release Metal Clip\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAdjustability\u003c\/strong\u003e Fully Adjustable Strap Length\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDurability\u003c\/strong\u003e High-Tensile Sturdy Construction\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eColor Options\u003c\/strong\u003e Available in 4 Classic Colors\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eWear Style\u003c\/strong\u003e Crossbody, Shoulder, or Neck\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Native Union","offers":[{"title":"Black","offer_id":47763228098778,"sku":"RECLA-BLK-SLING","price":2490.0,"currency_code":"EGP","in_stock":true},{"title":"Navy","offer_id":47763228131546,"sku":"RECLA-NAV-SLING","price":2490.0,"currency_code":"EGP","in_stock":true},{"title":"Slate Green","offer_id":47763228164314,"sku":"RECLA-GRN-SLING","price":2490.0,"currency_code":"EGP","in_stock":true},{"title":"Kraft","offer_id":47763228197082,"sku":"RECLA-KFT-SLING","price":2490.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/files\/blue_sling.png?v=1776331821"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/4025\/8266\/collections\/native.png?v=1777384557","url":"https:\/\/incredideals.co\/collections\/native-union.oembed","provider":"incrediDeals","version":"1.0","type":"link"}