{"product_id":"retro-art-metal-case","title":"Retro Art Metal Case","description":"\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #1e2d42;\n      --primary-hover: #2b3d54;\n      --text-main: #1a1a1a;\n      --text-sub: #4a4a4a;\n      --bg-body: #faf9f6;\n      --bg-card: #ffffff;\n      --bg-soft: #f0f0f0;\n      --radius-md: 6px;\n      --radius-lg: 12px;\n      --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);\n      --shadow-lg: 0 10px 20px rgba(0,0,0,0.05);\n      --border-color: #e5e5e5;\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 20px 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      background-color: var(--bg-body);\n      color: var(--text-main);\n    }\n\n    \/* TYPOGRAPHY SYSTEM - STRICTLY ENFORCED *\/\n    .product-detail-container h1,\n    .product-detail-container .hero-title {\n      font-size: 22px !important;\n      line-height: 1.3 !important;\n      font-weight: 700;\n      margin: 0 0 12px 0;\n      color: var(--primary);\n    }\n\n    .product-detail-container h2,\n    .product-detail-container h3,\n    .product-detail-container .section-title,\n    .product-detail-container .feature-title,\n    .product-detail-container .faq-question {\n      font-size: 20px !important;\n      line-height: 1.4 !important;\n      font-weight: 600;\n      margin: 0 0 12px 0;\n      color: var(--primary);\n    }\n\n    .product-detail-container p,\n    .product-detail-container span,\n    .product-detail-container li,\n    .product-detail-container td,\n    .product-detail-container .hero-subtitle,\n    .product-detail-container .feature-description,\n    .product-detail-container .spec-value,\n    .product-detail-container .faq-answer,\n    .product-detail-container .badge {\n      font-size: 18px !important;\n      line-height: 1.6 !important;\n      font-weight: 400;\n      color: var(--text-sub);\n    }\n\n    .product-detail-container section {\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    \/* IMAGE PLACEHOLDER STYLING *\/\n    .product-detail-container .image-placeholder {\n      background-color: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-md);\n      padding: 60px 20px;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      color: var(--text-sub);\n      width: 100%;\n      box-sizing: border-box;\n      margin-bottom: 16px;\n    }\n\n    .product-detail-container .image-placeholder-icon {\n      font-size: 28px !important;\n      line-height: 1 !important;\n    }\n\n    \/* HERO SECTION *\/\n    .hero-section {\n      text-align: center;\n    }\n    .hero-content {\n      margin-bottom: 24px;\n    }\n    .badge-container {\n      display: flex;\n      justify-content: center;\n      margin-bottom: 16px;\n    }\n    .badge {\n      background-color: var(--primary);\n      color: #ffffff !important;\n      padding: 6px 16px;\n      border-radius: 50px;\n      font-weight: 500 !important;\n      display: inline-block;\n    }\n\n    \/* FEATURES CONTAINER *\/\n    .features-container {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 4vw, 3rem);\n    }\n    .feature-item {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      align-items: center;\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: 32px;\n      box-shadow: var(--shadow-sm);\n    }\n    .feature-item.alt .feature-media {\n      order: 2;\n    }\n    .feature-item.alt .feature-copy {\n      order: 1;\n    }\n    .feature-media {\n      width: 100%;\n    }\n    .feature-copy {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 8px;\n    }\n    .feature-tag {\n      background-color: var(--bg-soft);\n      color: var(--primary) !important;\n      padding: 4px 12px;\n      border-radius: var(--radius-md);\n      font-weight: 500 !important;\n    }\n\n    \/* SPECIFICATIONS TABLE *\/\n    .specifications-section h2 {\n      margin-bottom: 20px;\n    }\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n    .spec-table tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n    .spec-table tr:last-child {\n      border-bottom: none;\n    }\n    .spec-table td {\n      padding: 18px 24px;\n    }\n    .spec-table td.spec-label {\n      font-weight: 600 !important;\n      color: var(--primary);\n      width: 35%;\n    }\n    .spec-table td.spec-val-cell {\n      width: 65%;\n    }\n\n    \/* FAQ BLOCK *\/\n    .faq-container {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n    .faq-item {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 20px;\n      border-left: 4px solid var(--primary);\n      box-shadow: var(--shadow-sm);\n    }\n    .faq-question {\n      margin-bottom: 8px;\n      font-weight: 600 !important;\n    }\n\n    \/* RESPONSIVE LOCKS *\/\n    @media (max-width: 767px) {\n      .feature-item,\n      .feature-item.alt {\n        grid-template-columns: 1fr !important;\n        gap: 24px;\n        padding: 20px;\n      }\n      \/* MOBILE FEATURE ORDER LOCK: Image First, Text Second *\/\n      .feature-item .feature-media,\n      .feature-item.alt .feature-media {\n        order: 1 !important;\n      }\n      .feature-item .feature-copy,\n      .feature-item.alt .feature-copy {\n        order: 2 !important;\n      }\n\n      \/* SAFE MOBILE SPECIFICATIONS *\/\n      .spec-table,\n      .spec-table tbody,\n      .spec-table tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n      }\n      .spec-table td.spec-label {\n        display: none;\n      }\n      .spec-table td.spec-val-cell {\n        display: grid;\n        grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n        gap: 14px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 14px 16px;\n        align-items: start;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n      .spec-table td.spec-val-cell::before {\n        content: attr(data-label);\n        display: block;\n        min-width: 0;\n        font-size: 18px !important;\n        font-weight: 600 !important;\n        line-height: 1.5 !important;\n        color: var(--primary);\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n      .spec-table .spec-value {\n        display: block;\n        min-width: 0;\n        max-width: 100%;\n        font-size: 18px !important;\n        line-height: 1.5 !important;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .spec-table td.spec-val-cell {\n        grid-template-columns: 1fr !important;\n        gap: 6px;\n      }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Multi-functional Slim Metal Pocket Storage Case\nTarget Audience: Design-conscious individuals, minimalist commuters\nVisual Style: Elegant retro aesthetic, clean structured presentation\nColor Strategy: Deep Navy, Metallic Silver, Gold Accents\nModule Order: Hero Content -\u003e Features (Slim \u0026 Pocket-Ready, Secure Interior Storage, Polished Edges \u0026 Clasp) -\u003e Specifications -\u003e FAQ\nDetail Image Mapping: Hero=detail_1, Feature1=detail_4, Feature2=detail_3, Feature3=detail_2\nSpecification Data Source: spec_1, spec_2 (data extraction only; no specification image placeholder is rendered)\nCompare Section: Not included (no direct comparative data available in source)\nInformation Boundary: Strictly relies on explicit facts from the product analysis report, detail images, specification images, and provided dimensions. No unverified product facts have been added. All visible copy is in English.\n--\u003e\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"badge-container\"\u003e\u003cspan class=\"badge\"\u003eCompact Pocket Size\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1 class=\"hero-title\"\u003eElegant Metal Case with Double Leopard Artwork\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eA slim, multi-functional metal pocket storage case designed to protect your small daily essentials from being crushed.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img79\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903181544\/ae706610350688822037732cf2321e38.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURE SECTIONS --\u003e\n\n\u003csection class=\"features-section\"\u003e\n\u003cdiv class=\"features-container\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img163\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903162742\/5e6927ac78e5866ec40dec368e99598f.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eSlim \u0026amp; Pocket-Ready Profile\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eMeasures just 5.5 × 1.7 × 10.2 cm, allowing it to slide effortlessly into front pockets, small handbags, or backpacks without creating unnecessary bulk.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e1.7 cm Thick\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eEasy to Carry\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item alt\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img164\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903162742\/2c2c0aecf4c16699e145622c4616ae96.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eSecure Dual-Strap Interior\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eTwo integrated metal retaining straps inside the dual-sided compartment keep your cash, cards, or other essentials neatly arranged and securely held in place when the case is opened flat.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eDual-Strap Design\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e180-Degree Flat Open\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img165\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903162742\/0812dd6a558d648c3d8457355baaf2ed.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eRefined Metal Design \u0026amp; Secure Clasp\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eConstructed with a strong metal alloy body and polished rounded edges. Equipped with an integrated side clasp that keeps the lid firmly closed and opens with a single press.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003ePolished Edges\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSide Clasp\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eDimensions\u003c\/td\u003e\n\t\t\t\u003ctd class=\"spec-val-cell\" data-label=\"Dimensions\"\u003e\u003cspan class=\"spec-value\"\u003e5.5 × 1.7 × 10.2 cm (approx. 2.2 × 0.7 × 4.0 in)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eMaterial\u003c\/td\u003e\n\t\t\t\u003ctd class=\"spec-val-cell\" data-label=\"Material\"\u003e\u003cspan class=\"spec-value\"\u003eMetal alloy body with hard decorative face panels\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eArtwork Design\u003c\/td\u003e\n\t\t\t\u003ctd class=\"spec-val-cell\" data-label=\"Artwork Design\"\u003e\u003cspan class=\"spec-value\"\u003eNavy blue background with gold-colored double leopard illustration\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eInternal Structure\u003c\/td\u003e\n\t\t\t\u003ctd class=\"spec-val-cell\" data-label=\"Internal Structure\"\u003e\u003cspan class=\"spec-value\"\u003eDual side compartments with two flat metal retaining straps\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eOpening Mechanism\u003c\/td\u003e\n\t\t\t\u003ctd class=\"spec-val-cell\" data-label=\"Opening Mechanism\"\u003e\u003cspan class=\"spec-value\"\u003eMechanical push-button side clasp\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ SECTION --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eWhat items can be stored inside this pocket case?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eThis multi-functional case is designed to hold small daily essentials, such as credit cards, folded banknotes, cash, and other compact items, protecting them from bending or getting crushed.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eHow do the internal straps secure the contents?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe interior contains two integrated horizontal metal retaining straps. They apply gentle tension to hold your items flat against either side of the case, preventing contents from sliding around or falling out when opened.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003eDoes the case open completely flat?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes, the sturdy dual-sided hinge structure allows the case to unfold completely up to 180 degrees horizontally, making it simple to organize, view, and retrieve your stored items.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Double Leopard","offer_id":64623460352371,"sku":"20260909-193308-10405970","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black Cat","offer_id":64623460385139,"sku":"20260909-193308-97196844","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Moonlit Kiss","offer_id":64623460417907,"sku":"20260909-193308-87546694","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Almond Blossom","offer_id":64623460450675,"sku":"20260909-193308-62068003","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Ocean Wave","offer_id":64623460483443,"sku":"20260909-193308-73853062","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Owl","offer_id":64623460516211,"sku":"20260909-193308-52657994","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/5692\/1971\/files\/ae706610350688822037732cf2321e38.jpg?v=1788953638","url":"https:\/\/woyuosn.com\/products\/retro-art-metal-case","provider":"Woyuosn","version":"1.0","type":"link"}