{"product_id":"foldable-travel-ice-maker","title":"Foldable Travel Ice Maker","description":"\u003cbr\u003e\u003c!--[AI Design Logic]Product Type: Innovative Drinkware \/ Portable Outdoor GearTarget Audience: Young adults, campers, office workers, cold drink enthusiastsVisual Style: Fresh, modern, vibrant, user-friendlyColor Strategy: Sky Blue (Primary) \u0026 Sunny Yellow (Accent) to match the product colors. Clean off-white background.Shape Strategy: Radius 20px (Friendly, soft, matching the silicone material).Typography Strategy: Large Type \/ Mobile-first readable (H1 up to 44px, Body up to 20px).Mobile Table Strategy: Card-based (No horizontal scroll, fully responsive flex rows).Image Mapping: Hero=image_1 (Main product view)Feature1=image_2 (2-in-1 usage)Feature2=image_3 (Folding demonstration)Feature3=image_4 (Silicone material\/quick release)--\u003e\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* =========================================       1. Design System \u0026 CSS Variables       ========================================= *\/    .product-detail-container {      --primary: #5A9BCF; \/* Soft Blue matching product *\/      --primary-light: #EBF3FA;      --accent: #FFD147; \/* Sunny Yellow matching lid *\/      --text-main: #1A1F24;      --text-sub: #55606B;      --bg-body: #FFFFFF;      --bg-card: #F8FAFC;      --border-color: #E2E8F0;            --radius-sm: 12px;      --radius-md: 20px;      --radius-lg: 32px;            --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);      --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08);            \/* Clamp Spacing: Mobile compact, Desktop generous *\/      --space-sm: clamp(1rem, 2vw, 1.5rem);      --space-md: clamp(1.5rem, 3vw, 2.5rem);      --space-lg: clamp(3rem, 6vw, 5rem);      --space-xl: clamp(4rem, 8vw, 7rem);      \/* Global Reset within container *\/      box-sizing: border-box;      max-width: 1200px;      margin: 0 auto;      padding: 0 5%;      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      color: var(--text-main);      background-color: var(--bg-body);      overflow-wrap: break-word;      word-break: break-word;    }    .product-detail-container *,    .product-detail-container *::before,    .product-detail-container *::after {      box-sizing: inherit;    }    \/* =========================================       2. Typography System (Large Type)       ========================================= *\/    .product-detail-container h1,     .product-detail-container h2,     .product-detail-container h3 {      color: var(--text-main);      margin-top: 0;      line-height: 1.2;      font-weight: 800;    }    .product-detail-container h1 {      font-size: clamp(32px, 5vw, 44px);      margin-bottom: var(--space-sm);    }    .product-detail-container h2 {      font-size: clamp(26px, 4vw, 36px);      margin-bottom: var(--space-sm);    }    .product-detail-container h3 {      font-size: clamp(20px, 3vw, 24px);      margin-bottom: var(--space-sm);    }    .product-detail-container p {      font-size: clamp(18px, 2vw, 20px);      line-height: 1.6;      color: var(--text-sub);      margin-top: 0;      margin-bottom: var(--space-md);    }    \/* Non-clickable Badge *\/    .detail-badge {      display: inline-block;      background-color: var(--primary-light);      color: var(--primary);      font-size: 16px;      font-weight: 700;      padding: 8px 16px;      border-radius: 100px;      margin-bottom: 1rem;      text-transform: uppercase;      letter-spacing: 0.5px;    }    \/* =========================================       3. Image \u0026 Media Protocol (Anti-distortion)       ========================================= *\/    .product-detail-container img {      width: 100%;      height: auto;      display: block;      border-radius: var(--radius-md);    }    \/* Image Placeholder Style *\/    .img-placeholder {      width: 100%;      aspect-ratio: 1 \/ 1;      background-color: var(--bg-card);      border: 2px dashed var(--border-color);      border-radius: var(--radius-md);      display: flex;      align-items: center;      justify-content: center;      color: var(--text-sub);      font-size: 18px;      font-weight: 600;      text-align: center;      padding: 20px;    }    \/* =========================================       4. Layout Architecture       ========================================= *\/    .section-spacing {      padding-top: var(--space-xl);      padding-bottom: var(--space-xl);    }    \/* Hero Section *\/    .hero-section {      text-align: center;      padding-top: var(--space-lg);    }    .hero-content {      max-width: 800px;      margin: 0 auto var(--space-lg);    }    .social-proof {      font-size: 18px;      font-weight: 600;      color: var(--accent);      margin-bottom: 2rem;      display: flex;      align-items: center;      justify-content: center;      gap: 8px;    }    .social-proof::before {      content: \"★★★★★\";      letter-spacing: 2px;    }    \/* Z-Pattern Features (Mobile Strict Ordering) *\/    .feature-item {      display: flex;      flex-direction: column; \/* Mobile first: strict top-to-bottom *\/      gap: var(--space-md);      margin-bottom: var(--space-xl);    }        .feature-item:last-child {      margin-bottom: 0;    }    .feature-copy {      display: flex;      flex-direction: column;      justify-content: center;    }    @media (min-width: 768px) {      .feature-item {        flex-direction: row;        align-items: center;        gap: var(--space-lg);      }      .feature-item:nth-child(even) {        flex-direction: row-reverse;      }      .feature-media, .feature-copy {        flex: 1;        width: 50%;      }    }    \/* =========================================       5. Specs Table (Mobile Card Forced)       ========================================= *\/    .specs-container {      background-color: var(--bg-card);      padding: var(--space-lg);      border-radius: var(--radius-lg);    }    .specs-table {      width: 100%;      border-collapse: collapse;      margin-top: var(--space-md);    }    .specs-table th,     .specs-table td {      padding: 20px;      text-align: left;      font-size: 18px;      border-bottom: 1px solid var(--border-color);    }    .specs-table th {      font-weight: 700;      color: var(--text-main);      width: 40%;    }    .specs-table td {      color: var(--text-sub);    }    .specs-table tr:last-child th,    .specs-table tr:last-child td {      border-bottom: none;    }    \/* Mobile Table Card Conversion *\/    @media (max-width: 767px) {      .specs-container {        padding: var(--space-md) var(--space-sm);      }      .specs-table,       .specs-table thead,       .specs-table tbody,       .specs-table tr,       .specs-table th,       .specs-table td {        display: block;        width: 100%;      }      .specs-table thead {        display: none; \/* Hide desktop headers *\/      }      .specs-table tr {        background: var(--bg-body);        margin-bottom: 1rem;        border-radius: var(--radius-sm);        border: 1px solid var(--border-color);        box-shadow: var(--shadow-sm);        overflow: hidden;      }      .specs-table tr:last-child {        margin-bottom: 0;      }      .specs-table td {        display: flex;        justify-content: space-between;        align-items: center;        text-align: right;        padding: 16px;        border-bottom: 1px solid var(--bg-card);      }      .specs-table td:last-child {        border-bottom: none;      }      \/* Inject Header via data-label *\/      .specs-table td::before {        content: attr(data-label);        font-weight: 700;        text-align: left;        color: var(--text-main);        margin-right: 1rem;      }    }    \/* =========================================       6. FAQ Section       ========================================= *\/    .faq-grid {      display: grid;      grid-template-columns: 1fr;      gap: var(--space-md);      margin-top: var(--space-lg);    }    .faq-card {      background: var(--bg-card);      padding: var(--space-md);      border-radius: var(--radius-md);      border: 1px solid var(--border-color);    }    .faq-card h3 {      font-size: 20px;      margin-bottom: 12px;      color: var(--primary);    }    .faq-card p {      margin-bottom: 0;      font-size: 18px;    }    @media (min-width: 768px) {      .faq-grid {        grid-template-columns: repeat(2, 1fr);      }      .faq-card:nth-child(3) {        grid-column: span 2;        max-width: 50%;        margin: 0 auto;      }    }\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\u003cdiv class=\"hero-section section-spacing\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"detail-badge\"\u003e2-in-1 Design\u003c\/div\u003e\n\u003ch1\u003ePop, Freeze \u0026amp; Sip Anywhere!\u003c\/h1\u003e\n\u003cp\u003eThe world's first collapsible ice-ball maker that seamlessly transforms into your favorite travel tumbler.\u003c\/p\u003e\n\u003cdiv class=\"social-proof\"\u003eTrusted by 10,000+ outdoor lovers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img46\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260409134750\/8c718cdf45f7a45714db83f0568bf5a9.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-section section-spacing\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img47\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260409134750\/825c6b234bce0f06fa10a33dc0f993c1.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eCraft the Perfect Chill\u003c\/h2\u003e\n\u003cp\u003eWhy choose between an ice tray and a cup? Freeze a massive \u003cstrong\u003e2.5 inch (6.3 cm) ice sphere\u003c\/strong\u003e overnight. When you're ready, simply pop the silicone body upward to instantly reveal a 12 oz (350 ml) tumbler. Add your favorite coffee or juice, insert the reusable straw, and enjoy undiluted flavor for hours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img48\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260409134750\/8d52479f781262e5d06297c9094a320a.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePack Less, Do More\u003c\/h2\u003e\n\u003cp\u003eSpace is precious. Our revolutionary design folds down from a full \u003cstrong\u003e6.0 inches (15.2 cm) tall to just 3.2 inches (8.1 cm)\u003c\/strong\u003e. It slides effortlessly into backpacks, beach coolers, or that tiny gap in your crowded kitchen freezer. It's the ultimate space-saving companion for camping and picnics.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img49\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260409134750\/651a382054066d6d530d988313ffe316.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eFood-Grade \u0026amp; Effortless Release\u003c\/h2\u003e\n\u003cp\u003eCrafted from premium, BPA-free food-grade silicone. Unlike rigid plastic trays that require violent twisting, our flexible body lets you release the ice cleanly with a gentle squeeze—no cracking, no struggling. Plus, the wide mouth design and dishwasher-safe materials make cleanup an absolute breeze.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE --\u003e\u003cdiv class=\"specs-section section-spacing\"\u003e\u003cdiv class=\"specs-container\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eTechnical Specifications\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eEverything you need to know about your new favorite tumbler.\u003c\/p\u003e\n\u003ctable class=\"specs-table\"\u003e\t\u003cthead\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\t\t\u003c\/tr\u003e\t\u003c\/thead\u003e\t\u003ctbody\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eFluid Capacity\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e350 ml \/ 11.8 oz\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eIce Sphere Size\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e6.3 cm \/ 2.5 in\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eExpanded Height\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e15.2 cm \/ 6.0 in\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eCollapsed Height\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e8.1 cm \/ 3.2 in\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eBase Diameter\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e9.1 cm \/ 3.6 in\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eMaterials\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003ePremium Food-Grade Silicone, BPA-Free Plastics\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eCare Instructions\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eDishwasher Safe (Top rack recommended)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c!-- FAQ SECTION --\u003e\u003cdiv class=\"faq-section section-spacing\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"faq-grid\"\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eIs it safe for hot beverages?\u003c\/h3\u003e\n\u003cp\u003eWhile designed primarily for freezing ice spheres and enjoying cold drinks, the high-quality food-grade silicone is heat-resistant. However, please handle with care when filled with hot liquids as the soft silicone body can transfer heat to your hands.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eWill it leak in my bag?\u003c\/h3\u003e\n\u003cp\u003eThe cup features a secure-fit dome lid designed to prevent splashes and spills while you are walking or driving. However, because it includes a straw hole, it is not 100% leak-proof if completely inverted or tossed loosely into a bag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-card\"\u003e\n\u003ch3\u003eHow do I clean the cup and lid?\u003c\/h3\u003e\n\u003cp\u003eCleanup is a breeze! The wide-mouth design allows for easy hand washing. All components—the silicone body, lid, and straw—are completely dishwasher safe. We recommend placing the lid and straw on the top rack.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Maetiva","offers":[{"title":"Yellow \/ 1-Pack (Starter)","offer_id":67640350343355,"sku":null,"price":15.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 1-Pack (Starter)","offer_id":67640350376123,"sku":null,"price":15.95,"currency_code":"USD","in_stock":true},{"title":"Gradient \/ 1-Pack (Starter)","offer_id":67640350408891,"sku":null,"price":15.95,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 🔥 2-Pack (Most Popular - Save 20%)","offer_id":67640350441659,"sku":null,"price":23.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 🔥 2-Pack (Most Popular - Save 20%)","offer_id":67640350474427,"sku":null,"price":23.95,"currency_code":"USD","in_stock":true},{"title":"Gradient \/ 🔥 2-Pack (Most Popular - Save 20%)","offer_id":67640350507195,"sku":null,"price":23.95,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 👨‍👩‍👧‍👦 4-Pack (Family Set - Save 30%)","offer_id":67640350539963,"sku":null,"price":31.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 👨‍👩‍👧‍👦 4-Pack (Family Set - Save 30%)","offer_id":67640350572731,"sku":null,"price":31.95,"currency_code":"USD","in_stock":true},{"title":"Gradient \/ 👨‍👩‍👧‍👦 4-Pack (Family Set - Save 30%)","offer_id":67640350605499,"sku":null,"price":31.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/0121\/5931\/files\/8c718cdf45f7a45714db83f0568bf5a9.jpg?v=1791442413","url":"https:\/\/maetiva.com\/products\/foldable-travel-ice-maker","provider":"Maetiva","version":"1.0","type":"link"}