{"product_id":"4-in-1-travel-container","title":"4-in-1 Portable Travel Dispenser Bottles Set","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003cstyle\u003e\n:root {\n  --terracotta: #C8624A;\n  --cream: #F5F0EB;\n  --blush: #E8D5C4;\n}\n\nbody {\n  margin: 0;\n  font-family: 'Segoe UI', sans-serif;\n  background: var(--cream);\n  color: #333;\n}\n\n\/* HERO *\/\n.hero {\n  padding: 90px 20px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--cream), var(--blush));\n  animation: fadeIn 1.2s ease;\n}\n\n.hero h1 {\n  font-size: 40px;\n  color: var(--terracotta);\n  margin-bottom: 15px;\n}\n\n.hero p {\n  max-width: 650px;\n  margin: auto;\n  font-size: 18px;\n  line-height: 1.6;\n}\n\n\/* GRID *\/\n.grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 25px;\n  padding: 60px 20px;\n}\n\n.card {\n  background: white;\n  padding: 25px;\n  border-radius: 20px;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.05);\n  transform: translateY(40px);\n  opacity: 0;\n  transition: all 0.4s ease;\n}\n\n.card.visible {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n}\n\n.card h3 {\n  color: var(--terracotta);\n}\n\n\/* SPLIT SECTION *\/\n.split {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 60px 20px;\n  gap: 40px;\n  align-items: center;\n}\n\n.text {\n  flex: 1;\n  min-width: 280px;\n}\n\n.text h2 {\n  color: var(--terracotta);\n  font-size: 28px;\n}\n\n.text p {\n  line-height: 1.7;\n}\n\n.image {\n  flex: 1;\n  min-width: 280px;\n  height: 300px;\n  background: var(--blush);\n  border-radius: 20px;\n  animation: float 5s ease-in-out infinite;\n}\n\n\/* CHECKLIST *\/\n.list {\n  padding: 60px 20px;\n  background: white;\n}\n\n.list h2 {\n  text-align: center;\n  color: var(--terracotta);\n}\n\n.items {\n  max-width: 700px;\n  margin: 30px auto;\n  line-height: 2;\n  font-size: 17px;\n}\n\n\/* PACKAGE BOX *\/\n.package {\n  margin: 60px 20px;\n  padding: 40px;\n  background: var(--blush);\n  border-radius: 20px;\n  text-align: center;\n  animation: fadeIn 1.5s ease;\n}\n\n.package h3 {\n  color: var(--terracotta);\n}\n\n\/* ANIMATIONS *\/\n@keyframes fadeIn {\n  from {opacity: 0;}\n  to {opacity: 1;}\n}\n\n@keyframes float {\n  0%,100% {transform: translateY(0);}\n  50% {transform: translateY(-12px);}\n}\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n  .hero h1 {font-size: 28px;}\n}\n\u003c\/style\u003e\n\n\n\n\n\u003csection class=\"hero\"\u003e\n  \u003ch1\u003e✈️ Travel Smart, Pack Light\u003c\/h1\u003e\n  \u003cp\u003eNever stress about leaking toiletries again. Keep your essentials sealed, organised, and ready for any trip — from weekend getaways to long-haul flights.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"grid\"\u003e\n  \u003cdiv class=\"card\"\u003e\n    \u003ch3\u003e💧 What’s Included\u003c\/h3\u003e\n    \u003cp\u003e4 refillable bottles for shampoo, conditioner, body wash, lotion — plus a 20-piece sticker pack.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"card\"\u003e\n    \u003ch3\u003e🔒 Leak-Proof Design\u003c\/h3\u003e\n    \u003cp\u003eNo more spills in your luggage. Travel confidently with a secure, sealed system.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"card\"\u003e\n    \u003ch3\u003e♻️ Reusable\u003c\/h3\u003e\n    \u003cp\u003eFill, wash, repeat. Reduce waste and stop buying travel-size products.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"card\"\u003e\n    \u003ch3\u003e📏 Compact \u0026amp; Travel Friendly\u003c\/h3\u003e\n    \u003cp\u003eFits perfectly in handbags, gym bags, and carry-ons. Airport compliant.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"split\"\u003e\n  \u003cdiv class=\"text\"\u003e\n    \u003ch2\u003eBuilt for Every Trip\u003c\/h2\u003e\n    \u003cp\u003eWhether you're heading to the gym, a hotel, or catching a flight, this set keeps your routine simple, clean, and organised — without bulky bottles or messy leaks.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"image\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"list\"\u003e\n  \u003ch2\u003e🌍 Perfect For\u003c\/h2\u003e\n  \u003cdiv class=\"items\"\u003e\n    ✔️ Weekend trips \u0026amp; holidays\u003cbr\u003e\n    ✔️ Gym \u0026amp; sports bags\u003cbr\u003e\n    ✔️ Hotel stays \u0026amp; Airbnbs\u003cbr\u003e\n    ✔️ Minimalist daily routines\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"package\"\u003e\n  \u003ch3\u003e📦 Package Contents\u003c\/h3\u003e\n  \u003cp\u003e4 × Refillable Dispenser Bottles\u003cbr\u003e1 × Container For Bottles\u003cbr\u003e20 x Stickers Included\u003c\/p\u003e\n  \u003cp style=\"margin-top:20px;\"\u003e\u003cstrong\u003eRefill once. Travel forever.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\nconst cards = document.querySelectorAll('.card');\n\nwindow.addEventListener('scroll', () =\u003e {\n  cards.forEach(card =\u003e {\n    const rect = card.getBoundingClientRect();\n    if (rect.top \u003c window.innerHeight - 50) {\n      card.classList.add('visible');\n    }\n  });\n});\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"TravellyZA","offers":[{"title":"White","offer_id":52897266401647,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":52897266434415,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0969\/2797\/3743\/files\/travellyza-product-with-packaging-box.png?v=1777632518","url":"https:\/\/travellyza.co.za\/products\/4-in-1-travel-container","provider":"TravellyZA","version":"1.0","type":"link"}