{"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","url":"https:\/\/incredideals.co\/products\/reclassic-wallet-magnetic-new","provider":"incrediDeals","version":"1.0","type":"link"}