{"product_id":"4-in-1-travel-toiletry-dispenser","title":"4-in-1 Travel Toiletry Dispenser","description":"\u003cdiv class=\"travel-dispenser-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Design System (CSS Variables) - Travel \u0026 Clean Theme *\/    .travel-dispenser-container {      --primary: #4F46E5; \/* Indigo 600 - Travel\/Clean *\/      --primary-hover: #4338CA; \/* Indigo 700 *\/      --text-main: #334155; \/* Slate 700 *\/      --text-sub: #64748B; \/* Slate 500 *\/      --bg-body: #FFFFFF;      --bg-card: #EEF2FF; \/* Indigo 50 *\/      --border-color: #C7D2FE; \/* Indigo 200 *\/      --radius-md: 12px;      --radius-lg: 20px;      --shadow-sm: 0 4px 12px rgba(79, 70, 229, 0.06);      --shadow-lg: 0 12px 32px rgba(79, 70, 229, 0.1);      \/* Typography \u0026 Spacing System *\/      --spacing-section: clamp(2.5rem, 6vw, 5rem);      --spacing-module: clamp(2rem, 5vw, 4rem);            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      color: var(--text-main);      background-color: var(--bg-body);      max-width: 1200px;      margin: 0 auto;      padding: 0 5%;      box-sizing: border-box;      overflow-wrap: break-word;      word-break: break-word;      line-height: 1.7;    }    .travel-dispenser-container *,    .travel-dispenser-container *::before,    .travel-dispenser-container *::after {      box-sizing: inherit;    }    \/* Typography Scale *\/    .travel-dispenser-container h1 {      font-size: clamp(32px, 4vw, 44px);      line-height: 1.2;      color: var(--primary);      margin: 0 0 1rem 0;      font-weight: 800;      letter-spacing: -0.02em;    }    .travel-dispenser-container h2 {      font-size: clamp(24px, 3vw, 32px);      line-height: 1.3;      color: var(--primary);      margin: 0 0 1.5rem 0;      font-weight: 700;    }    .travel-dispenser-container h3 {      font-size: clamp(20px, 2.5vw, 24px);      line-height: 1.4;      color: var(--primary);      margin: 0 0 1rem 0;      font-weight: 600;    }    .travel-dispenser-container p {      font-size: clamp(16px, 2vw, 18px);      color: var(--text-sub);      margin: 0 0 1.5rem 0;    }    \/* Badges *\/    .detail-badge-group {      display: flex;      flex-wrap: wrap;      gap: 12px;      margin-bottom: 2rem;    }    .detail-badge {      display: inline-flex;      align-items: center;      padding: 8px 18px;      background: var(--bg-card);      border: 1px solid var(--border-color);      border-radius: 30px;      font-size: 15px;      font-weight: 600;      color: var(--primary);      box-shadow: var(--shadow-sm);    }    \/* Image Protocol \u0026 Placeholders *\/    .img-placeholder {      width: 100%;      background-color: var(--bg-card);      border-radius: var(--radius-lg);      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      box-shadow: var(--shadow-sm);      margin-bottom: 1.5rem;    }        .img-placeholder img {      width: 100%;      height: auto;      display: block;      border-radius: var(--radius-lg);      transition: transform 0.4s ease;    }        .img-placeholder:hover img {      transform: scale(1.03);    }    \/* Modules *\/    .hero-section {      text-align: center;      margin-top: 3rem;      margin-bottom: var(--spacing-section);    }    .hero-section .detail-badge-group {      justify-content: center;    }    \/* Z-Pattern Features *\/    .feature-list {      display: flex;      flex-direction: column;      gap: var(--spacing-section);      margin-bottom: var(--spacing-section);    }    .feature-item {      display: flex;      flex-direction: column;      gap: 2rem;      align-items: center;    }    .feature-media, .feature-copy {      width: 100%;    }    \/* Specs Table *\/    .specs-section {      margin-bottom: var(--spacing-section);    }    .specs-table-wrapper {      background: var(--bg-card);      border-radius: var(--radius-lg);      padding: clamp(1.5rem, 3vw, 3rem);      box-shadow: var(--shadow-sm);      margin-bottom: 2rem;      border: 1px solid var(--border-color);    }    .specs-table {      width: 100%;      border-collapse: collapse;    }        \/* FAQ Section *\/    .faq-section {      margin-bottom: var(--spacing-section);    }    .faq-item {      background: var(--bg-card);      border-radius: var(--radius-md);      padding: 1.5rem 2rem;      margin-bottom: 1rem;      border: 1px solid var(--border-color);      transition: all 0.2s ease;    }    .faq-item:hover {      border-color: #818CF8; \/* Indigo 400 *\/      box-shadow: var(--shadow-sm);      transform: translateY(-2px);    }    .faq-question {      font-size: clamp(18px, 2.5vw, 20px);      font-weight: 700;      color: var(--primary);      margin-bottom: 0.75rem;    }    .faq-answer {      font-size: clamp(16px, 2vw, 17px);      color: var(--text-sub);      margin: 0;    }    \/* Desktop Enhancements *\/    @media (min-width: 768px) {      .feature-item {        flex-direction: row;        gap: var(--spacing-module);      }      .feature-item.reverse {        flex-direction: row-reverse;      }      .feature-media, .feature-copy {        flex: 1;      }      .feature-copy {        padding: 0 2rem;      }            .specs-table th, .specs-table td {        padding: 1.25rem 1rem;        text-align: left;        border-bottom: 1px solid var(--border-color);        font-size: 17px;      }      .specs-table th {        font-weight: 700;        color: var(--primary);        width: 30%;      }      .specs-table tr:last-child td, .specs-table tr:last-child th {        border-bottom: none;      }    }    \/* Mobile Specs Table Lock *\/    @media (max-width: 767px) {      .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;      }      .specs-table tr {        background: var(--bg-body);        border: 1px solid var(--border-color);        border-radius: var(--radius-md);        margin-bottom: 1rem;        padding: 1.25rem;      }      .specs-table td {        display: flex;        justify-content: space-between;        align-items: center;        padding: 0.75rem 0;        border-bottom: 1px solid var(--bg-card);        font-size: 15px;        text-align: right;      }      .specs-table td:last-child {        border-bottom: none;        padding-bottom: 0;      }      .specs-table td::before {        content: attr(data-label);        font-weight: 700;        color: var(--primary);        text-align: left;        flex-basis: 45%;        margin-right: 1rem;      }    }\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\u003cdiv class=\"hero-section\"\u003e\n\u003ch1\u003e4-in-1 Travel Dispenser – 30ML Leak-Proof Toiletry Bottles\u003c\/h1\u003e\n\u003cdiv class=\"detail-badge-group\"\u003e\n\u003cdiv class=\"detail-badge\"\u003e✈️ TSA Friendly\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e💧 Leak-Proof\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e📏 Scale Markings\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e🎒 Compact Design\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003c!-- Feature 1 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Compact 4-in-1 Travel Solution\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260227104344\/871e5a252eec5d3f094993b598f04ac8.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eCompact 4-in-1 Travel Solution\u003c\/h3\u003e\n\u003cp\u003eThis smart travel dispenser includes 4 separate 30ML containers in one compact design. Perfect for shampoo, conditioner, lotion, cream, or body wash—ideal for carry-on luggage and short trips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Leak-Proof \u0026amp; TSA Friendly\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260227104344\/28589dcfbca43a9c9d949c0bcd0c214f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eLeak-Proof \u0026amp; TSA Friendly\u003c\/h3\u003e\n\u003cp\u003eDesigned with a secure sealing system to prevent spills and leaks. Each 30ML bottle complies with TSA liquid regulations, making airport security stress-free.\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\u003cimg alt=\"Transparent Design with Scale Markings\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260227104344\/a2bcd798ca4deb4f0d1c7c9981a51820.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eTransparent Design with Scale Markings\u003c\/h3\u003e\n\u003cp\u003eThe clear body lets you easily monitor remaining liquid levels. Built-in measurement scale helps you control the exact amount you need—no waste, no guesswork.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Easy Refill \u0026amp; Identification\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260227104344\/72bb10a2e1be103a9bdb6430015726f5.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eEasy Refill \u0026amp; Identification\u003c\/h3\u003e\n\u003cp\u003eWide opening design allows effortless refilling. Includes labeling system so you can quickly identify shampoo, lotion, or conditioner at a glance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 5 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Lightweight Yet Durable\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260227104344\/c22420c6a8582f86b31f5ab4674ba1c3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eLightweight Yet Durable\u003c\/h3\u003e\n\u003cp\u003eMade from premium ABS and PET materials, these bottles are sturdy, impact-resistant, and lightweight—perfect for backpacks, gym bags, and suitcases.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specs Section --\u003e\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-wrapper\"\u003e\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\u003eCapacity\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e30ML per bottle\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eABS + PET\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eDesign\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eTransparent with Scale Markings\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eLeak-Proof, Lightweight, Portable\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eUse\u003c\/strong\u003e\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eShampoo, Lotion, Conditioner, Cream\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eQ1: Are these TSA approved?\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eYes. Each bottle holds 30ML, well within TSA liquid limits.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eQ2: Will they leak in my suitcase?\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eNo. The secure sealing design prevents leakage during travel.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eQ3: Can I refill them multiple times?\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eAbsolutely. They are durable and designed for repeated use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Maetiva","offers":[{"title":"Green \/ 1 Dispenser (The Solo Traveler)","offer_id":68132461314235,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"White \/ 1 Dispenser (The Solo Traveler)","offer_id":68132461347003,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ 🔥 2-Pack (His \u0026 Hers Travel Set) - Save 15%","offer_id":68132461379771,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"White \/ 🔥 2-Pack (His \u0026 Hers Travel Set) - Save 15%","offer_id":68132461412539,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"White+green \/ 🔥 2-Pack (His \u0026 Hers Travel Set) - Save 15%","offer_id":68132461445307,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ 3-Pack (Luggage, Gym Bag \u0026 Office) - Best Value","offer_id":68132461478075,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true},{"title":"White \/ 3-Pack (Luggage, Gym Bag \u0026 Office) - Best Value","offer_id":68132461510843,"sku":null,"price":45.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/0121\/5931\/files\/30ff525fcdc7da9c8ae629f6f74b74ab.jpg?v=1794195708","url":"https:\/\/maetiva.com\/products\/4-in-1-travel-toiletry-dispenser","provider":"Maetiva","version":"1.0","type":"link"}