{"product_id":"pocket-sized-rain-protection","title":"Pocket Sized Rain Protection","description":" \n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Travel \/ Outdoor Accessory (Compact Umbrella)\nTarget Audience: Commuters, travelers, drivers looking for reliable \u0026 portable weather protection.\nVisual Style: Sleek, reliable, highly functional (Tech\/Industrial meets Everyday Utility).\nColor Strategy: \n- Primary: #0f172a (Deep Slate \/ Storm reliability)\n- Accent: #0ea5e9 (Raindrop Blue \/ Premium highlight)\n- Background: #f8fafc (Clean, breathable canvas)\nShape Strategy: Radius 12px (Hard-wearing but comfortable to hold, suitable for practical tools).\nTypography Strategy: Large Type \/ Mobile-first readable (H1 44px, P 20px, high legibility).\nMobile Table Strategy: Card-based (No horizontal scroll, full-width blocks).\nImage Mapping: Hero=image_1, Portability Feature=image_2, Durability Feature=image_3\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* 1) Design System (CSS Variables) *\/\n    .product-detail-container {\n      --primary: #0f172a;\n      --primary-hover: #1e293b;\n      --accent: #0ea5e9;\n      --text-main: #334155;\n      --text-sub: #64748b;\n      --bg-body: #ffffff;\n      --bg-card: #f8fafc;\n      --border-color: #e2e8f0;\n      \n      --radius-md: 12px;\n      --radius-lg: 20px;\n      \n      --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05);\n\n      \/* 0) Typography \u0026 Spacing System *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.7;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: border-box;\n    }\n\n    \/* Typography Sizes *\/\n    .product-detail-container h1 {\n      font-size: clamp(34px, 5vw, 44px);\n      line-height: 1.2;\n      color: var(--primary);\n      margin: 0 0 1.5rem 0;\n      font-weight: 800;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(26px, 4vw, 32px);\n      line-height: 1.3;\n      color: var(--primary);\n      margin: 0 0 1.25rem 0;\n      font-weight: 700;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 3vw, 24px);\n      line-height: 1.4;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 600;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      margin: 0 0 1.5rem 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container .sub-text {\n      font-size: clamp(16px, 1.5vw, 18px);\n      color: var(--text-sub);\n    }\n\n    \/* Layout Spacing *\/\n    .pd-section {\n      padding: clamp(3rem, 6vw, 6rem) 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n    .pd-section:last-child {\n      border-bottom: none;\n    }\n\n    \/* Non-interactive Badges *\/\n    .pd-badge-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n    .pd-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 0.5rem 1rem;\n      background-color: var(--bg-card);\n      color: var(--primary);\n      font-size: 16px;\n      font-weight: 600;\n      border-radius: 50px;\n      border: 1px solid var(--border-color);\n    }\n    .pd-badge-accent {\n      background-color: #f0f9ff;\n      color: var(--accent);\n      border-color: #bae6fd;\n    }\n\n    \/* Media\/Image Rules (Option A \u0026 Placeholder) *\/\n    .ai-placeholder {\n      width: 100%;\n      height: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: clamp(4rem, 15vw, 8rem) 2rem;\n      background: var(--bg-card);\n      border: 2px dashed #cbd5e1;\n      border-radius: var(--radius-md);\n      color: var(--text-sub);\n      font-weight: 700;\n      font-size: clamp(18px, 2vw, 22px);\n      text-align: center;\n    }\n    \/* In actual use, if user replaces .ai-placeholder with \u003cimg\u003e, apply these rules *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n    }\n\n    \/* Mobile Ordering Lock (Z-Pattern Desktop, Stacked Mobile) *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 5vw, 4rem);\n      margin-bottom: clamp(4rem, 8vw, 6rem);\n    }\n    .feature-item:last-child {\n      margin-bottom: 0;\n    }\n    .feature-media, .feature-copy {\n      width: 100%;\n      flex: 1;\n    }\n    \n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        align-items: center;\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n    }\n\n    \/* Specs Table (Card-based on mobile) *\/\n    .pd-specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 2rem;\n      background: var(--bg-body);\n    }\n    .pd-specs-table th, \n    .pd-specs-table td {\n      padding: 1.5rem;\n      text-align: left;\n      font-size: 18px;\n    }\n    .pd-specs-table thead tr {\n      background-color: var(--bg-card);\n      border-bottom: 2px solid var(--border-color);\n    }\n    .pd-specs-table th {\n      font-weight: 700;\n      color: var(--primary);\n    }\n    .pd-specs-table tbody tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n    \n    @media (max-width: 767px) {\n      .pd-specs-table, \n      .pd-specs-table thead, \n      .pd-specs-table tbody, \n      .pd-specs-table tr, \n      .pd-specs-table th, \n      .pd-specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .pd-specs-table thead {\n        display: none;\n      }\n      .pd-specs-table tr {\n        background: var(--bg-card);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1.5rem;\n        padding: 1.5rem;\n      }\n      .pd-specs-table td {\n        display: flex;\n        flex-direction: column;\n        border-bottom: none;\n        padding: 0 0 1.2rem 0;\n      }\n      .pd-specs-table td:last-child {\n        padding-bottom: 0;\n      }\n      .pd-specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-sub);\n        font-size: 16px;\n        margin-bottom: 0.5rem;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: clamp(1.5rem, 3vw, 2.5rem);\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n    }\n    .faq-item h3 {\n      color: var(--primary);\n      margin-bottom: 1rem;\n    }\n    .faq-item p {\n      margin-bottom: 0;\n      color: var(--text-sub);\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cdiv class=\"pd-badge-group\"\u003e\n\u003cspan class=\"pd-badge pd-badge-accent\"\u003ePremium Value\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eWind \u0026amp; Rain Tested\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003ch1\u003eMaster the Elements, Instantly.\u003c\/h1\u003e\n\n\u003cp class=\"sub-text\" style=\"max-width: 800px; font-size: clamp(18px, 2vw, 22px); margin-bottom: 3rem;\"\u003eExperience unmatched protection without the bulk. A highly durable canopy and an ultra-flexible frame, seamlessly crafted into a compact profile.\u003c\/p\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324103813\/c4652d1c465c2a172202d8f0bec3831e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324103813\/d581e5bf2543387202cb5b04f2a70d91.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eGlove-Compartment Ready\u003c\/h2\u003e\n\n\u003cp\u003eNever get caught off-guard by unpredictable weather. Designed with extreme space-efficiency in mind, this umbrella effortlessly fits into your car's glove compartment, your daily tote, or weekend luggage.\u003c\/p\u003e\n\n\u003cp\u003eTake it out for long trips with absolute peace of mind. It stays quietly tucked away until the exact moment you need reliable shelter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324103813\/f276b71ab07f74cb3cb435679ddd8a3b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eEngineered to Defy the Wind\u003c\/h2\u003e\n\n\u003cp\u003eBuilt with an advanced, high-flexibility stand system that far exceeds traditional umbrella frames. It absorbs strong wind gusts without snapping, offering incredible structural integrity.\u003c\/p\u003e\n\n\u003cp\u003eThe frictionless deployment mechanism ensures you can open it smoothly and effortlessly with a single motion, keeping you completely dry during sudden downpours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Section --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eDetailed Specifications\u003c\/h2\u003e\n\n\u003cp\u003eEverything you need to know about your daily weather companion.\u003c\/p\u003e\n\n\u003ctable class=\"pd-specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eFeature\u003c\/th\u003e\n\t\t\t\u003cth\u003eSpecification Details\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eDimensions (Open)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification Details\"\u003e90 cm × 52 cm (35.4 in × 20.5 in)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eFrame \u0026amp; Stand\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification Details\"\u003eHigh-flexibility reinforced ribs for advanced wind resistance\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eCanopy Material\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification Details\"\u003ePremium water-repellent performance fabric\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003ePortability\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification Details\"\u003eUltra-compact folding design (Glove compartment compatible)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eMaintenance Protocol\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification Details\"\u003eLeave open to air dry completely. Wipe clean with a damp cloth when necessary.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cp style=\"margin-bottom: 3rem;\"\u003eClear answers to help you make an informed decision.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWill it fit in my daily bag or small compartments?\u003c\/h3\u003e\n\n\u003cp\u003eAbsolutely. Its ultra-compact form factor was specifically designed to fit into standard car glove compartments, backpacks, and commuter bags without causing unnecessary bulk.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow does the flexible frame help in stormy weather?\u003c\/h3\u003e\n\n\u003cp\u003eInstead of rigid metals that snap under pressure, our umbrella features a high-flexibility stand. This allows the ribs to slightly bend and absorb heavy wind gusts, drastically reducing the chances of permanent damage or inversion.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWhat is the best way to care for this umbrella?\u003c\/h3\u003e\n\n\u003cp\u003eFor maximum longevity, never pack the umbrella away while wet. Always leave it open in a ventilated area until completely dry. If the canopy gets dirty, gently wipe it down with a clean, damp cloth.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"PawNexa","offers":[{"title":"White","offer_id":44919295049864,"sku":"0324-18149494","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":44919295082632,"sku":"0324-18144880","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Pink","offer_id":44919295115400,"sku":"0324-18149729","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Yellow","offer_id":44919295148168,"sku":"0324-18147885","price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0695\/6282\/6888\/files\/c4652d1c465c2a172202d8f0bec3831e.jpg?v=1774347279","url":"https:\/\/pawnexa.com\/products\/pocket-sized-rain-protection","provider":"PawNexa","version":"1.0","type":"link"}