{"product_id":"press-to-inflate-travel-pillow","title":"Press-to-Inflate Travel Pillow","description":"\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container { \n      \/* Color Palette \u0026 Variables *\/\n      --primary: #4a5a6a; \/* Dark gray blue, professional and reliable *\/ \n      --primary-hover: #36414d; \n      --accent-green: #6b8e6b; \/* Soft natural green *\/\n      --accent-green-light: #e8f0e8;\n      --text-main: #2c3e50; \n      --text-sub: #5c6b7a; \n      --bg-body: #ffffff; \n      --bg-card: #f8f9fa; \n      --bg-soft: #f9f9f7; \/* Very light beige *\/ \n      --radius-md: 12px; \n      --radius-lg: 20px; \n      --shadow-sm: 0 4px 16px rgba(0,0,0,0.04); \n      --shadow-lg: 0 12px 24px rgba(0,0,0,0.08); \n      --border-color: #eaeaea; \n      --spacing-section: clamp(3rem, 6vw, 5rem);\n\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; \n      color: var(--text-main); \n      line-height: 1.6; \n      max-width: 1100px; \n      margin: 0 auto; \n      padding: 2rem 20px; \n      box-sizing: border-box; \n      overflow-wrap: break-word; \n    } \n\n    \/* Typography *\/ \n    .product-detail-container h1 { \n      font-size: clamp(32px, 4vw, 46px); \n      font-weight: 800; \n      margin: 0 0 1rem; \n      color: var(--primary); \n      line-height: 1.2;\n      letter-spacing: -0.5px;\n    } \n    .product-detail-container h2 { \n      font-size: clamp(26px, 3vw, 34px); \n      font-weight: 700; \n      margin: 0 0 1rem; \n      color: var(--primary); \n      line-height: 1.3;\n    } \n    .product-detail-container p { \n      font-size: clamp(16px, 2vw, 18px); \n      margin: 0 0 1.5rem; \n      color: var(--text-sub); \n      line-height: 1.7;\n    } \n    .product-detail-container .trust-badge { \n      display: inline-block; \n      background: var(--bg-soft); \n      color: var(--accent-green); \n      padding: 0.6rem 1.2rem; \n      border-radius: 50px; \n      font-size: 15px; \n      font-weight: 600; \n      margin-bottom: 1.5rem; \n      border: 1px solid #e2e2da;\n    } \n\n    \/* Layout \u0026 Components *\/ \n    .pd-section { \n      margin-bottom: var(--spacing-section); \n    } \n\n    \/* Hero Section *\/\n    .pd-hero { \n      text-align: center; \n      background: linear-gradient(to bottom, var(--bg-soft) 0%, var(--bg-body) 100%);\n      padding: 3rem 1rem 0;\n      border-radius: var(--radius-lg);\n      margin-bottom: var(--spacing-section);\n    } \n    .pd-hero p {\n      max-width: 700px;\n      margin: 0 auto 2rem;\n    }\n    .pd-hero-image { \n      margin-top: 2rem; \n      border-radius: var(--radius-lg); \n      overflow: hidden; \n      box-shadow: var(--shadow-lg); \n      transform: translateY(10px);\n    } \n\n    \/* Feature Grid (Z-Pattern) *\/\n    .pd-feature-grid { \n      display: flex; \n      flex-direction: column;\n      gap: clamp(3rem, 6vw, 5rem); \n    } \n    .pd-feature-item { \n      display: flex; \n      align-items: center; \n      gap: clamp(2rem, 5vw, 4rem); \n    } \n    .pd-feature-item:nth-child(even) { \n      flex-direction: row-reverse; \n    } \n    .pd-feature-media { \n      flex: 1; \n      border-radius: var(--radius-lg); \n      overflow: hidden; \n      box-shadow: var(--shadow-sm); \n      transition: transform 0.4s ease, box-shadow 0.4s ease;\n    } \n    .pd-feature-media:hover {\n      transform: translateY(-5px);\n      box-shadow: var(--shadow-lg);\n    }\n    .pd-feature-copy { \n      flex: 1; \n    } \n\n    \/* Tags *\/\n    .pd-tags-list { \n      display: flex; \n      flex-wrap: wrap; \n      gap: 10px; \n      margin-top: 1.5rem; \n    } \n    .pd-tag { \n      background: var(--accent-green-light); \n      color: var(--accent-green); \n      padding: 0.5rem 1rem; \n      border-radius: 50px; \n      font-size: 15px; \n      font-weight: 600;\n    } \n\n    \/* Specs Table *\/ \n    .pd-specs-container {\n      max-width: 900px;\n      margin: 0 auto;\n    }\n    .pd-specs-table { \n      width: 100%; \n      border-collapse: collapse; \n      margin-top: 2rem; \n      background: var(--bg-body); \n      border-radius: var(--radius-md); \n      overflow: hidden; \n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n    } \n    .pd-specs-table th, .pd-specs-table td { \n      text-align: left; \n      padding: 1.2rem 1.5rem; \n      border-bottom: 1px solid var(--border-color); \n      font-size: 16px; \n    } \n    .pd-specs-table th { \n      background: var(--bg-card); \n      font-weight: 600; \n      width: 40%; \n      color: var(--primary);\n    } \n    .pd-specs-table td {\n      color: var(--text-sub);\n    }\n    .pd-specs-table tr:last-child th,\n    .pd-specs-table tr:last-child td { \n      border-bottom: none; \n    } \n\n    \/* Interactive FAQ Accordion *\/ \n    .pd-faq-container {\n      max-width: 900px;\n      margin: 0 auto;\n    }\n    .pd-faq-item { \n      background: var(--bg-body);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      margin-bottom: 1rem;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n      transition: all 0.3s ease;\n    } \n    .pd-faq-item:hover {\n      border-color: #d1d5db;\n      box-shadow: var(--shadow-sm);\n    }\n    .pd-faq-question { \n      font-size: 18px; \n      font-weight: 600; \n      color: var(--primary); \n      padding: 1.5rem;\n      cursor: pointer;\n      display: flex; \n      justify-content: space-between; \n      align-items: center; \n      list-style: none; \n      margin: 0;\n      user-select: none;\n    } \n    .pd-faq-question::-webkit-details-marker { \n      display: none; \n    }\n    .pd-faq-question:after { \n      content: \"+\"; \n      font-size: 24px; \n      color: var(--accent-green); \n      font-weight: 400; \n      transition: transform 0.3s ease; \n    }\n    details[open] .pd-faq-question:after { \n      content: \"−\"; \n    }\n    .pd-faq-answer { \n      padding: 0 1.5rem 1.5rem 1.5rem;\n      font-size: 16px; \n      color: var(--text-sub); \n      margin: 0; \n      line-height: 1.7; \n      animation: sweep 0.3s ease-in-out;\n    } \n    \n    @keyframes sweep {\n      0%    {opacity: 0; transform: translateY(-5px)}\n      100%  {opacity: 1; transform: translateY(0)}\n    }\n\n    \/* Helpers *\/ \n    .img-fluid { \n      width: 100%; \n      height: auto; \n      display: block; \n      object-fit: cover;\n    } \n\n    \/* Mobile Optimization *\/ \n    @media (max-width: 767px) { \n      .pd-hero { padding: 2rem 0.5rem 0; }\n      .pd-feature-item, .pd-feature-item:nth-child(even) { \n        flex-direction: column; \n        text-align: left; \n      } \n      .pd-tags-list { \n        justify-content: flex-start; \n      } \n      .pd-specs-table th, .pd-specs-table td { \n        display: block; \n        width: 100%; \n      } \n      .pd-specs-table th { \n        border-bottom: none; \n        padding-bottom: 0.5rem;\n      } \n      .pd-specs-table td { \n        padding-top: 0; \n        padding-bottom: 1.2rem;\n      } \n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section pd-hero\"\u003e\n\u003cdiv class=\"trust-badge\"\u003e🌿 Designed for Everyday Ease \u0026amp; Comfort\u003c\/div\u003e\n\n\u003ch1\u003eEffortless Support, Anywhere You Go.\u003c\/h1\u003e\n\n\u003cp\u003eThe self-inflating pillow that saves your breath and your back. Ready in just 30 seconds with a simple press.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-hero-image\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Pressing and inflating close-up\" cke-id=\"img47\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260617152912\/232da9401ef29046c36f89142e9ba338.png\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Grid --\u003e\n\n\u003cdiv class=\"pd-section pd-feature-grid\"\u003e\n\u003c!-- Feature 1: Built-in Pump --\u003e\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Storage comparison\" cke-id=\"img48\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260617152916\/92aaeb72fe6fbc8416c18a3e8a63ccc3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eNo Blowing, Just Pressing\u003c\/h2\u003e\n\n\u003cp\u003eForget the awkwardness of manually inflating your pillow. Our integrated push-pump lets you inflate the pillow to your desired firmness in under a minute using just your hands. It’s hygienic, fast, and incredibly easy.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags-list\"\u003e\n\u003cspan class=\"pd-tag\"\u003eBuilt-in Pump\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e30s Quick Inflate\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eHygienic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Portability --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Vehicle support and portability\" cke-id=\"img49\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260617152916\/7db8b55f8f8403a6db6b064c7599ce35.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003ePocket-Sized Travel Companion\u003c\/h2\u003e\n\n\u003cp\u003eWhen deflated, this pillow folds down to the size of your palm (approx. 9cm diameter) and weighs less than 100g. Slip it into your pocket, backpack, or carry-on without sacrificing precious space. Comfort has never been this portable.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags-list\"\u003e\n\u003cspan class=\"pd-tag\"\u003ePalm-Sized Fold\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eUltralight (\u0026lt;100g)\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eSpace Saver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Ergonomic \u0026 Material --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Home and office scene\" cke-id=\"img50\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260617152916\/1994d4cfc84099c325ad2fd5aecbb257.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eErgonomic Comfort \u0026amp; Soft Touch\u003c\/h2\u003e\n\n\u003cp\u003eThe unique wave shape is designed to cradle your neck or fill the gap behind your lower back, providing targeted support exactly where you need it. Crafted with a soft, plush flocking surface that feels gentle against your skin, ensuring a cozy rest on flights, in cars, or at your desk.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags-list\"\u003e\n\u003cspan class=\"pd-tag\"\u003eNeck \u0026amp; Lumbar Support\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eSoft Flocking Fabric\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eAnti-Slip Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"pd-section pd-specs-container\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cp style=\"text-align: center; margin-bottom: 2rem;\"\u003eEssential details about your new travel essential.\u003c\/p\u003e\n\n\u003ctable class=\"pd-specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eInflated Dimensions\u003c\/th\u003e\n\t\t\t\u003ctd\u003eApprox. 43cm x 28cm (17\" x 11\")\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003ePacked Size\u003c\/th\u003e\n\t\t\t\u003ctd\u003eApprox. 9cm (3.5\") Diameter\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eWeight\u003c\/th\u003e\n\t\t\t\u003ctd\u003eLess than 100g (3.5 oz)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMaterial\u003c\/th\u003e\n\t\t\t\u003ctd\u003eSoft Flocking Fabric Surface + PVC Base\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eInflation Mechanism\u003c\/th\u003e\n\t\t\t\u003ctd\u003eIntegrated Manual Push Pump\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eAvailable Colors\u003c\/th\u003e\n\t\t\t\u003ctd\u003eGray, Peacock Green, Pink, Navy Blue\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp style=\"font-size: 14px; color: var(--text-sub); margin-top: 1rem; text-align: center;\"\u003e*All dimensions are approximate and may vary slightly due to inflation level.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section pd-faq-container\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdetails class=\"pd-faq-item\" open=\"\"\u003e\u003csummary class=\"pd-faq-question\"\u003eQ: How do I inflate the pillow?\u003c\/summary\u003e\n\n\u003cdiv class=\"pd-faq-answer\"\u003eA: It's easy! First, ensure the small deflation valve is closed. Then, open the cap on the large pump valve. Repeatedly press the pump with your hand or palm until the pillow reaches your desired firmness. Close the pump cap securely.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"pd-faq-item\"\u003e\u003csummary class=\"pd-faq-question\"\u003eQ: How do I deflate and pack it back up?\u003c\/summary\u003e\n\n\u003cdiv class=\"pd-faq-answer\"\u003eA: Simply pull out the small deflation valve plug. Gently squeeze or roll the pillow starting from the opposite side to push all the air out. Once flat, fold or roll it up into its compact shape.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"pd-faq-item\"\u003e\u003csummary class=\"pd-faq-question\"\u003eQ: How should I clean the pillow?\u003c\/summary\u003e\n\n\u003cdiv class=\"pd-faq-answer\"\u003eA: We recommend gently wiping the flocked surface with a damp cloth and mild soap. Allow it to air dry completely before deflating and storing. Do not machine wash or submerge in water.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Grey","offer_id":62994924011891,"sku":"0617-17362947","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Pink","offer_id":62994924044659,"sku":"0617-17366856","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Navy blue","offer_id":62994924077427,"sku":"0617-17365843","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":62994924110195,"sku":"0617-17369280","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/5692\/1971\/files\/25187367df45a72f2939d8b2bf6928f0.jpg?v=1781689059","url":"https:\/\/woyuosn.com\/products\/press-to-inflate-travel-pillow","provider":"Woyuosn","version":"1.0","type":"link"}