{"title":"Stay Organised","description":"\u003cp\u003eEverything designed to help you keep your belongings organised and accessible. \u003c\/p\u003e","products":[{"product_id":"carrycollective™-pack-go-dispenser-4-in-1-refillable-travel-toiletry-bottle","title":"CarryCollective™ Pack \u0026 Go Dispenser","description":"\u003cstyle\u003e\n\/* =========================================================\n   CARRYCOLLECTIVE™ PACK \u0026 GO DISPENSER\n   VERSION 3 — PREMIUM EDITORIAL\n   ========================================================= *\/\n\n.cc-v3 {\n  --orange: #C4622D;\n  --orange-2: #E19A72;\n  --orange-dark: #A74F24;\n  --slate: #8A8A8A;\n  --charcoal: #2C2C2C;\n  --cream: #F5F0E8;\n  --white: #FFFFFF;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n\n  \/* Reduced bottom spacing for sticky Add to Cart *\/\n  padding: 12px 14px 75px;\n\n  color: var(--charcoal);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  overflow: hidden;\n}\n\n.cc-v3 *,\n.cc-v3 *::before,\n.cc-v3 *::after {\n  box-sizing: border-box;\n}\n\n.cc-v3 h1,\n.cc-v3 h2,\n.cc-v3 h3,\n.cc-v3 p {\n  margin: 0;\n  padding: 0;\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.cc-v3-hero {\n  position: relative;\n  overflow: hidden;\n\n  padding: 34px 21px 31px;\n\n  border-radius: 28px;\n\n  background:\n    radial-gradient(\n      circle at 102% -5%,\n      rgba(196,98,45,.48) 0%,\n      rgba(196,98,45,.18) 22%,\n      rgba(196,98,45,0) 50%\n    ),\n    radial-gradient(\n      circle at -8% 108%,\n      rgba(138,138,138,.18) 0%,\n      rgba(138,138,138,0) 42%\n    ),\n    linear-gradient(\n      135deg,\n      #FFFDF9 0%,\n      #F8F2EB 47%,\n      #E9DBD1 100%\n    );\n\n  border: 1px solid rgba(196,98,45,.14);\n\n  box-shadow:\n    0 28px 70px rgba(44,44,44,.12),\n    inset 0 1px 0 rgba(255,255,255,.95);\n\n  animation: ccV3Reveal .8s ease both;\n}\n\n.cc-v3-hero::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 240px;\n  height: 240px;\n\n  top: -155px;\n  right: -95px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(196,98,45,.62),\n      rgba(196,98,45,.02)\n    );\n\n  filter: blur(1px);\n\n  pointer-events: none;\n}\n\n.cc-v3-hero::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 130px;\n  height: 130px;\n\n  right: 17%;\n  bottom: -100px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(196,98,45,.08);\n\n  filter: blur(12px);\n\n  pointer-events: none;\n}\n\n.cc-v3-hero-content {\n  position: relative;\n  z-index: 2;\n}\n\n.cc-v3-mini {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n\n  margin-bottom: 16px;\n\n  color: var(--orange);\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 850;\n\n  letter-spacing: .17em;\n  text-transform: uppercase;\n}\n\n.cc-v3-mini::before {\n  content: \"\";\n\n  width: 19px;\n  height: 2px;\n\n  border-radius: 99px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--orange),\n      var(--orange-2)\n    );\n}\n\n.cc-v3-hero h1 {\n  max-width: 790px;\n\n  font-size: clamp(29px, 7.3vw, 62px);\n  line-height: .99;\n\n  letter-spacing: -.055em;\n\n  font-weight: 850;\n}\n\n.cc-v3-hero h1 .accent {\n  background:\n    linear-gradient(\n      105deg,\n      var(--orange-dark) 0%,\n      var(--orange) 48%,\n      var(--orange-2) 100%\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n.cc-v3-rule {\n  width: 100%;\n  max-width: 420px;\n\n  height: 1px;\n\n  margin-top: 21px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(196,98,45,.55),\n      rgba(196,98,45,.12),\n      transparent\n    );\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n   ========================================================= *\/\n\n.cc-v3-intro {\n  position: relative;\n\n  margin-top: 13px;\n\n  padding: 23px 20px;\n\n  border-radius: 23px;\n\n  background:\n    rgba(255,255,255,.72);\n\n  border: 1px solid rgba(255,255,255,.85);\n\n  box-shadow:\n    0 17px 45px rgba(44,44,44,.065);\n\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n\n  animation: ccV3Reveal .8s .08s ease both;\n}\n\n.cc-v3-intro::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 20px;\n  bottom: 20px;\n\n  width: 3px;\n\n  border-radius: 99px;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--orange),\n      var(--orange-2)\n    );\n\n  box-shadow:\n    0 0 16px rgba(196,98,45,.25);\n}\n\n.cc-v3-intro p {\n  padding-left: 9px;\n\n  font-size: 13.5px;\n  line-height: 1.68;\n\n  letter-spacing: -.005em;\n}\n\n.cc-v3-intro p + p {\n  margin-top: 14px;\n}\n\n\n\/* =========================================================\n   SOUTH AFRICA FEATURE\n   ========================================================= *\/\n\n.cc-v3-feature {\n  position: relative;\n\n  margin-top: 13px;\n\n  padding: 27px 21px;\n\n  border-radius: 26px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 100% 0%,\n      rgba(225,154,114,.38),\n      rgba(225,154,114,0) 42%\n    ),\n    radial-gradient(\n      circle at 0% 100%,\n      rgba(138,138,138,.14),\n      rgba(138,138,138,0) 40%\n    ),\n    linear-gradient(\n      135deg,\n      #2C2C2C 0%,\n      #343332 52%,\n      #58453C 100%\n    );\n\n  box-shadow:\n    0 25px 60px rgba(44,44,44,.19);\n\n  animation: ccV3Reveal .8s .16s ease both;\n}\n\n.cc-v3-feature::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 280px;\n  height: 280px;\n\n  right: -145px;\n  top: -145px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(255,255,255,.09);\n\n  box-shadow:\n    0 0 0 35px rgba(255,255,255,.025),\n    0 0 0 70px rgba(255,255,255,.018);\n\n  pointer-events: none;\n}\n\n.cc-v3-feature::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 180px;\n  height: 180px;\n\n  left: -120px;\n  bottom: -125px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(196,98,45,.20),\n      transparent 70%\n    );\n\n  pointer-events: none;\n}\n\n.cc-v3-feature-content {\n  position: relative;\n  z-index: 2;\n}\n\n.cc-v3-feature-label {\n  margin-bottom: 11px;\n\n  color: var(--orange-2);\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 850;\n\n  letter-spacing: .17em;\n  text-transform: uppercase;\n}\n\n.cc-v3-feature h2 {\n  max-width: 780px;\n\n  color: #FFFFFF;\n\n  font-size: clamp(22px, 5.5vw, 38px);\n  line-height: 1.05;\n\n  letter-spacing: -.04em;\n\n  font-weight: 850;\n}\n\n.cc-v3-feature h2 span {\n  background:\n    linear-gradient(\n      90deg,\n      #FFFFFF,\n      #F0B99C 50%,\n      #C4622D\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n.cc-v3-feature-copy {\n  margin-top: 14px;\n\n  max-width: 900px;\n\n  color: rgba(255,255,255,.86);\n\n  font-size: 13.5px;\n  line-height: 1.68;\n}\n\n\n\/* =========================================================\n   WHAT'S IN THE BOX\n   ========================================================= *\/\n\n.cc-v3-box {\n  margin-top: 13px;\n\n  padding: 24px 20px;\n\n  border-radius: 25px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFFFF 0%,\n      #F8F4EE 52%,\n      #EEE1D7 100%\n    );\n\n  border: 1px solid rgba(44,44,44,.07);\n\n  box-shadow:\n    0 19px 46px rgba(44,44,44,.07);\n\n  animation: ccV3Reveal .8s .32s ease both;\n}\n\n.cc-v3-box-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 12px;\n\n  margin-bottom: 16px;\n}\n\n.cc-v3-box h2 {\n  font-size: clamp(21px, 5vw, 32px);\n  line-height: 1.05;\n\n  letter-spacing: -.04em;\n\n  font-weight: 850;\n}\n\n.cc-v3-box-mark {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 35px;\n  height: 35px;\n\n  flex: 0 0 35px;\n\n  border-radius: 11px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--orange),\n      var(--orange-2)\n    );\n\n  box-shadow:\n    0 7px 17px rgba(196,98,45,.23);\n}\n\n.cc-v3-box-mark::before {\n  content: \"\";\n\n  width: 13px;\n  height: 9px;\n\n  border-left: 2px solid #fff;\n  border-bottom: 2px solid #fff;\n\n  transform: rotate(-45deg) translateY(-2px);\n}\n\n.cc-v3-items {\n  display: grid;\n  gap: 8px;\n}\n\n.cc-v3-item {\n  display: grid;\n\n  grid-template-columns: 30px minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 10px;\n\n  padding: 11px 12px;\n\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.97),\n      rgba(255,255,255,.63)\n    );\n\n  border: 1px solid rgba(44,44,44,.055);\n\n  box-shadow:\n    0 7px 18px rgba(44,44,44,.045);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.cc-v3-item:hover {\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 11px 25px rgba(44,44,44,.085);\n}\n\n.cc-v3-item-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 30px;\n  height: 30px;\n\n  border-radius: 10px;\n\n  color: #FFFFFF;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--orange),\n      var(--orange-dark)\n    );\n\n  font-size: 10px;\n  font-weight: 850;\n\n  box-shadow:\n    0 5px 13px rgba(196,98,45,.23);\n}\n\n.cc-v3-item p {\n  font-size: 12.5px;\n  line-height: 1.4;\n\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   AVAILABLE COLOURS\n   ========================================================= *\/\n\n.cc-v3-colours {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 14px;\n\n  margin-top: 13px;\n\n  padding: 18px 19px;\n\n  border-radius: 20px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 100% 50%,\n      rgba(196,98,45,.32),\n      rgba(196,98,45,0) 46%\n    ),\n    linear-gradient(\n      110deg,\n      #2C2C2C,\n      #3B3937 55%,\n      #55423A 100%\n    );\n\n  box-shadow:\n    0 17px 42px rgba(44,44,44,.16);\n\n  animation: ccV3Reveal .8s .40s ease both;\n}\n\n.cc-v3-colours-text {\n  color: #FFFFFF;\n\n  font-size: 12.5px;\n  line-height: 1.35;\n\n  font-weight: 700;\n}\n\n.cc-v3-swatches {\n  display: flex;\n  gap: 7px;\n\n  flex-shrink: 0;\n}\n\n.cc-v3-swatch {\n  width: 28px;\n  height: 28px;\n\n  border-radius: 50%;\n\n  border: 2px solid rgba(255,255,255,.88);\n\n  box-shadow:\n    0 4px 14px rgba(0,0,0,.24);\n}\n\n.cc-v3-green {\n  background:\n    linear-gradient(\n      135deg,\n      #4E6C45,\n      #829B73\n    );\n}\n\n.cc-v3-white {\n  background:\n    linear-gradient(\n      135deg,\n      #FFFFFF,\n      #E7E3DC\n    );\n}\n\n\n\/* =========================================================\n   STICKY ADD TO CART SAFE AREA\n   Reduced to prevent excessive blank space\n   ========================================================= *\/\n\n.cc-v3-safe {\n  width: 100%;\n  height: 15px;\n}\n\n\n\/* =========================================================\n   ANIMATION\n   ========================================================= *\/\n\n@keyframes ccV3Reveal {\n\n  from {\n    opacity: 0;\n    transform: translateY(18px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (min-width: 600px) {\n\n  .cc-v3 {\n    padding-left: 22px;\n    padding-right: 22px;\n    padding-bottom: 75px;\n  }\n\n  .cc-v3-hero {\n    padding: 44px 40px 40px;\n    border-radius: 31px;\n  }\n\n  .cc-v3-intro,\n  .cc-v3-feature,\n  .cc-v3-box {\n    padding-left: 33px;\n    padding-right: 33px;\n  }\n\n  .cc-v3-intro p,\n  .cc-v3-feature-copy {\n    font-size: 14.5px;\n  }\n\n  .cc-v3-items {\n    grid-template-columns: 1fr 1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 900px) {\n\n  .cc-v3 {\n    padding-top: 24px;\n    padding-bottom: 75px;\n  }\n\n  .cc-v3-hero {\n    min-height: 390px;\n\n    display: flex;\n    align-items: flex-end;\n\n    padding: 58px 58px 53px;\n  }\n\n  .cc-v3-intro {\n    padding: 37px 46px;\n  }\n\n  .cc-v3-feature {\n    padding: 42px 46px;\n  }\n\n  .cc-v3-box {\n    padding: 40px 46px;\n  }\n\n  .cc-v3-intro p,\n  .cc-v3-feature-copy {\n    max-width: 940px;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL PHONES\n   ========================================================= *\/\n\n@media (max-width: 360px) {\n\n  .cc-v3 {\n    padding-left: 10px;\n    padding-right: 10px;\n    padding-bottom: 75px;\n  }\n\n  .cc-v3-hero {\n    padding: 27px 17px 25px;\n    border-radius: 22px;\n  }\n\n  .cc-v3-intro,\n  .cc-v3-feature,\n  .cc-v3-box {\n    padding-left: 16px;\n    padding-right: 16px;\n\n    border-radius: 20px;\n  }\n\n  .cc-v3-intro p,\n  .cc-v3-feature-copy {\n    font-size: 12.5px;\n  }\n\n  .cc-v3-item p {\n    font-size: 11.5px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cc-v3 *,\n  .cc-v3 *::before,\n  .cc-v3 *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"cc-v3\"\u003e\n\u003c!-- =======================================================\n     HERO\n     ======================================================= --\u003e\n\u003csection class=\"cc-v3-hero\"\u003e\n\u003cdiv class=\"cc-v3-hero-content\"\u003e\n\u003cdiv class=\"cc-v3-mini\"\u003eCarryCollective™\u003c\/div\u003e\n\u003ch1\u003eOne Bottle. \u003cspan class=\"accent\"\u003eEvery Liquid.\u003c\/span\u003e Everywhere.\u003c\/h1\u003e\n\u003cdiv class=\"cc-v3-rule\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n     INTRODUCTION\n     ======================================================= --\u003e\n\u003csection class=\"cc-v3-intro\"\u003e\n\u003cp\u003eMeet the CarryCollective™ Pack \u0026amp; Go Dispenser — the smarter way to carry your toiletries. Whether you're heading to the gym, catching a flight, or just keeping your bathroom clutter-free, this 4-in-1 refillable dispenser has you covered.\u003c\/p\u003e\n\u003cp\u003eFill it with your favourite shampoo, conditioner, body wash, face wash — or anything else you need. Four individual pump bottles slot neatly into one compact, leak-proof body. One bottle to carry. Everything you need inside.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n     SOUTH AFRICAN LIFESTYLE\n     ======================================================= --\u003e\n\u003csection class=\"cc-v3-feature\"\u003e\n\u003cdiv class=\"cc-v3-feature-content\"\u003e\n\u003cdiv class=\"cc-v3-feature-label\"\u003eMade for the SA Lifestyle\u003c\/div\u003e\n\u003ch2\u003eMade for \u003cspan\u003eSouth Africans.\u003c\/span\u003e\u003cbr\u003eBuilt for the SA Lifestyle.\u003c\/h2\u003e\n\u003cp class=\"cc-v3-feature-copy\"\u003eFrom Joburg gym sessions to Cape Town weekend getaways, from Durban beach trips to bush braais — South Africans are always on the move. The Pack \u0026amp; Go Dispenser was made for exactly that. No more leaking bottles in your bag, no more buying travel-size products that run out too fast, and no more cluttered bathroom shelves. Just one smart bottle that goes wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n     WHAT'S IN THE BOX\n     ======================================================= --\u003e\n\u003csection class=\"cc-v3-box\"\u003e\n\u003cdiv class=\"cc-v3-box-header\"\u003e\n\u003ch2\u003eWhat's in the Box\u003c\/h2\u003e\n\u003cdiv class=\"cc-v3-box-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-items\"\u003e\n\u003cdiv class=\"cc-v3-item\"\u003e\n\u003cdiv class=\"cc-v3-item-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003e1x CarryCollective™ Pack \u0026amp; Go Dispenser body\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-item\"\u003e\n\u003cdiv class=\"cc-v3-item-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003e4x Refillable pump bottles with measurement markings\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-item\"\u003e\n\u003cdiv class=\"cc-v3-item-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003e1x Set of label stickers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n     AVAILABLE COLOURS\n     ======================================================= --\u003e\n\u003csection class=\"cc-v3-colours\"\u003e\n\u003cdiv class=\"cc-v3-colours-text\"\u003eAvailable in Green and White.\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-swatches\"\u003e\n\u003cdiv class=\"cc-v3-swatch cc-v3-green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-swatch cc-v3-white\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n     SMALL SAFE SPACE FOR STICKY ADD TO CART\n     ======================================================= --\u003e\n\u003cdiv class=\"cc-v3-safe\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CarryCollective™","offers":[{"title":"White","offer_id":45857711915199,"sku":null,"price":349.99,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":45857711947967,"sku":null,"price":349.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/5796\/1919\/files\/ChatGPT_Image_Aug_16_2026_04_37_03_PM.png?v=1786891131"},{"product_id":"carrycollective™-packpod-3-piece-portable-travel-storage-bag-set","title":"CarryCollective™ PackPod","description":"\u003cstyle\u003e\n    \/* =========================================\n       CARRYCOLLECTIVE™ PACKPOD\n       VACPACK VISUAL STYLE\n    ========================================== *\/\n\n    .cc-packpod {\n      --burnt: #C4622D;\n      --slate: #8A8A8A;\n      --charcoal: #2C2C2C;\n      --offwhite: #F5F0E8;\n      --white: #FFFFFF;\n\n      width: 100%;\n      max-width: 100%;\n      margin: 0 auto !important;\n      padding: 0 !important;\n\n      color: var(--charcoal);\n\n      font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        Helvetica,\n        Arial,\n        sans-serif;\n\n      line-height: 1.5;\n\n      overflow: hidden;\n\n      word-break: normal;\n      overflow-wrap: normal;\n      hyphens: none;\n\n      box-sizing: border-box;\n    }\n\n    .cc-packpod *,\n    .cc-packpod *::before,\n    .cc-packpod *::after {\n      box-sizing: border-box;\n    }\n\n\n    \/* =========================================\n       HERO\n    ========================================== *\/\n\n    .cc-packpod .cc-hero {\n      position: relative;\n\n      padding: 27px 18px 30px;\n\n      margin: 0 0 18px !important;\n\n      overflow: hidden;\n\n      background:\n        radial-gradient(\n          circle at 85% 10%,\n          rgba(255,255,255,.18) 0%,\n          transparent 30%\n        ),\n        radial-gradient(\n          circle at 5% 100%,\n          rgba(196,98,45,.25) 0%,\n          transparent 35%\n        ),\n        linear-gradient(\n          135deg,\n          #2C2C2C 0%,\n          #383838 45%,\n          #C4622D 150%\n        );\n\n      border-radius: 0 0 24px 24px;\n\n      color: var(--offwhite);\n\n      box-shadow:\n        0 12px 35px rgba(44,44,44,.18);\n    }\n\n    .cc-packpod .cc-hero::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 150px;\n      height: 150px;\n\n      right: -70px;\n      top: -70px;\n\n      border-radius: 50%;\n\n      background: rgba(255,255,255,.07);\n\n      animation:\n        ccPackPodFloat 6s ease-in-out infinite;\n    }\n\n    .cc-packpod .cc-hero::after {\n      content: \"\";\n\n      position: absolute;\n\n      width: 100px;\n      height: 100px;\n\n      left: -55px;\n      bottom: -50px;\n\n      border-radius: 50%;\n\n      background: rgba(196,98,45,.18);\n\n      animation:\n        ccPackPodFloat 7s ease-in-out infinite reverse;\n    }\n\n    .cc-packpod .cc-hero-content {\n      position: relative;\n      z-index: 2;\n    }\n\n\n    \/* =========================================\n       HERO LABEL\n    ========================================== *\/\n\n    .cc-packpod .cc-kicker {\n      display: inline-flex;\n\n      align-items: center;\n\n      gap: 7px;\n\n      margin-bottom: 10px;\n\n      padding: 5px 10px;\n\n      border: 1px solid rgba(245,240,232,.22);\n\n      border-radius: 999px;\n\n      background: rgba(255,255,255,.08);\n\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n\n      font-size: 10px;\n\n      font-weight: 700;\n\n      letter-spacing: .08em;\n\n      text-transform: uppercase;\n\n      color: var(--offwhite);\n    }\n\n    .cc-packpod .cc-kicker-dot {\n      width: 6px;\n      height: 6px;\n\n      flex: 0 0 6px;\n\n      border-radius: 50%;\n\n      background: var(--burnt);\n\n      box-shadow:\n        0 0 10px rgba(196,98,45,.9);\n    }\n\n\n    \/* =========================================\n       HERO TITLE\n       SAME SIZE FOR ALL LINES\n    ========================================== *\/\n\n    .cc-packpod .cc-hero h2 {\n      margin: 0 !important;\n\n      color: #FFFFFF;\n\n      font-size:\n        clamp(24px, 7vw, 38px);\n\n      line-height: 1.08;\n\n      letter-spacing: -.035em;\n\n      font-weight: 800;\n    }\n\n    .cc-packpod .cc-hero h2 span {\n      display: block;\n\n      margin-top: 4px;\n\n      color: #F3B08E;\n\n      font-size: 1em;\n\n      line-height: 1.08;\n\n      font-weight: 800;\n\n      letter-spacing: -.035em;\n    }\n\n    .cc-packpod .cc-hero-description {\n      margin: 14px 0 0 !important;\n\n      max-width: 720px;\n\n      font-size: 13px;\n\n      line-height: 1.55;\n\n      color: rgba(245,240,232,.94);\n    }\n\n\n    \/* =========================================\n       CONTENT\n    ========================================== *\/\n\n    .cc-packpod .cc-content {\n      padding: 0 14px !important;\n\n      margin: 0 !important;\n    }\n\n\n    \/* =========================================\n       SECTION CARDS\n    ========================================== *\/\n\n    .cc-packpod .cc-section {\n      position: relative;\n\n      margin: 15px 0 !important;\n\n      padding: 19px 16px !important;\n\n      border: 1px solid rgba(138,138,138,.18);\n\n      border-radius: 19px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.98),\n          rgba(245,240,232,.96)\n        );\n\n      box-shadow:\n        0 8px 24px rgba(44,44,44,.08),\n        inset 0 1px 0 rgba(255,255,255,.9);\n\n      overflow: hidden;\n\n      animation:\n        ccPackPodReveal .55s ease both;\n    }\n\n    .cc-packpod .cc-section::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 90px;\n      height: 90px;\n\n      right: -50px;\n      top: -50px;\n\n      border-radius: 50%;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(196,98,45,.15),\n          rgba(196,98,45,0)\n        );\n\n      pointer-events: none;\n    }\n\n\n    \/* =========================================\n       SECTION HEADINGS\n    ========================================== *\/\n\n    .cc-packpod .cc-section-title {\n      display: flex;\n\n      align-items: center;\n\n      gap: 9px;\n\n      margin: 0 0 14px !important;\n\n      color: var(--charcoal);\n\n      font-size: 16px;\n\n      line-height: 1.2;\n\n      letter-spacing: -.015em;\n\n      font-weight: 800;\n    }\n\n    .cc-packpod .cc-section-title::before {\n      content: \"\";\n\n      flex: 0 0 auto;\n\n      width: 4px;\n      height: 19px;\n\n      border-radius: 10px;\n\n      background:\n        linear-gradient(\n          180deg,\n          #C4622D,\n          #8A8A8A\n        );\n\n      box-shadow:\n        0 2px 8px rgba(196,98,45,.28);\n    }\n\n\n    \/* =========================================\n       SUPPORTING TEXT\n    ========================================== *\/\n\n    .cc-packpod .cc-supporting-text {\n      margin: 0 0 10px !important;\n\n      color: var(--charcoal);\n\n      font-size: 12px;\n\n      line-height: 1.45;\n\n      font-weight: 600;\n    }\n\n\n    \/* =========================================\n       BAG GRID\n    ========================================== *\/\n\n    .cc-packpod .cc-bag-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 7px;\n\n      margin: 0 !important;\n    }\n\n    .cc-packpod .cc-bag {\n      position: relative;\n\n      min-width: 0;\n\n      padding: 11px 9px !important;\n\n      border-radius: 12px;\n\n      background:\n        linear-gradient(\n          145deg,\n          #FFFFFF,\n          #EEE9E1\n        );\n\n      border:\n        1px solid rgba(138,138,138,.18);\n\n      box-shadow:\n        0 5px 12px rgba(44,44,44,.06);\n\n      transition:\n        transform .22s ease,\n        box-shadow .22s ease,\n        border-color .22s ease;\n    }\n\n    .cc-packpod .cc-bag:hover {\n      transform: translateY(-2px);\n\n      border-color:\n        rgba(196,98,45,.30);\n\n      box-shadow:\n        0 8px 18px rgba(44,44,44,.10);\n    }\n\n    .cc-packpod .cc-bag-name {\n      display: block;\n\n      margin: 0 0 3px !important;\n\n      color: var(--charcoal);\n\n      font-size: 11.5px;\n\n      line-height: 1.25;\n\n      font-weight: 800;\n    }\n\n    .cc-packpod .cc-bag-size {\n      display: block;\n\n      margin: 0 0 4px !important;\n\n      color: var(--burnt);\n\n      font-size: 10px;\n\n      line-height: 1.2;\n\n      font-weight: 800;\n    }\n\n    .cc-packpod .cc-bag-description {\n      display: block;\n\n      margin: 0 !important;\n\n      color: var(--charcoal);\n\n      font-size: 10.5px;\n\n      line-height: 1.35;\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================\n       COLOUR GRID\n    ========================================== *\/\n\n    .cc-packpod .cc-colour-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 7px;\n\n      margin: 0 !important;\n    }\n\n    .cc-packpod .cc-colour {\n      display: flex;\n\n      align-items: center;\n\n      gap: 8px;\n\n      min-width: 0;\n\n      padding: 10px 8px !important;\n\n      border-radius: 12px;\n\n      background:\n        linear-gradient(\n          145deg,\n          #FFFFFF,\n          #EEE9E1\n        );\n\n      border:\n        1px solid rgba(138,138,138,.18);\n\n      box-shadow:\n        0 5px 12px rgba(44,44,44,.06);\n\n      transition:\n        transform .22s ease,\n        box-shadow .22s ease;\n    }\n\n    .cc-packpod .cc-colour:hover {\n      transform: translateY(-2px);\n\n      box-shadow:\n        0 8px 18px rgba(44,44,44,.10);\n    }\n\n    .cc-packpod .cc-swatch {\n      width: 27px;\n      height: 27px;\n\n      flex: 0 0 27px;\n\n      border-radius: 50%;\n\n      border: 2px solid #FFFFFF;\n\n      box-shadow:\n        0 2px 7px rgba(44,44,44,.25),\n        inset 0 0 0 1px rgba(44,44,44,.18);\n    }\n\n    .cc-packpod .cc-black {\n      background:\n        linear-gradient(\n          145deg,\n          #111111,\n          #3D3D3D\n        );\n    }\n\n    .cc-packpod .cc-grey {\n      background:\n        linear-gradient(\n          145deg,\n          #686868,\n          #AAAAAA\n        );\n    }\n\n    .cc-packpod .cc-beige {\n      background:\n        linear-gradient(\n          145deg,\n          #CDBB9F,\n          #F0E1CB\n        );\n    }\n\n    .cc-packpod .cc-navy {\n      background:\n        linear-gradient(\n          145deg,\n          #14263D,\n          #3B5876\n        );\n    }\n\n    .cc-packpod .cc-colour-text {\n      min-width: 0;\n    }\n\n    .cc-packpod .cc-colour-name {\n      display: block;\n\n      margin: 0 !important;\n\n      color: var(--charcoal);\n\n      font-size: 10.5px;\n\n      line-height: 1.25;\n\n      font-weight: 800;\n    }\n\n    .cc-packpod .cc-colour-description {\n      display: block;\n\n      margin: 2px 0 0 !important;\n\n      color: var(--charcoal);\n\n      font-size: 9.5px;\n\n      line-height: 1.25;\n    }\n\n\n    \/* =========================================\n       SOUTH AFRICAN TRAVELLERS\n    ========================================== *\/\n\n    .cc-packpod .cc-sa {\n      color: var(--offwhite);\n\n      border: none !important;\n\n      background:\n        radial-gradient(\n          circle at 100% 0%,\n          rgba(196,98,45,.38),\n          transparent 34%\n        ),\n        radial-gradient(\n          circle at 0% 100%,\n          rgba(138,138,138,.16),\n          transparent 35%\n        ),\n        linear-gradient(\n          135deg,\n          #292929 0%,\n          #363636 58%,\n          #754020 140%\n        );\n\n      box-shadow:\n        0 12px 30px rgba(44,44,44,.20),\n        inset 0 1px 0 rgba(255,255,255,.08);\n    }\n\n    .cc-packpod .cc-sa::before {\n      background:\n        linear-gradient(\n          135deg,\n          rgba(196,98,45,.25),\n          transparent\n        );\n    }\n\n    .cc-packpod .cc-sa .cc-section-title {\n      color: #FFFFFF;\n    }\n\n    .cc-packpod .cc-sa .cc-section-title::before {\n      background:\n        linear-gradient(\n          180deg,\n          #F3A47C,\n          #C4622D\n        );\n    }\n\n    .cc-packpod .cc-sa p {\n      position: relative;\n\n      z-index: 2;\n\n      margin: 0 !important;\n\n      color:\n        rgba(245,240,232,.94);\n\n      font-size: 12.5px;\n\n      line-height: 1.58;\n    }\n\n\n    \/* =========================================\n       FINAL STATEMENT\n    ========================================== *\/\n\n    .cc-packpod .cc-closing {\n      position: relative;\n\n      margin: 16px 0 0 !important;\n\n      padding: 15px 16px !important;\n\n      border-radius: 16px;\n\n      overflow: hidden;\n\n      color: #FFFFFF;\n\n      background:\n        linear-gradient(\n          110deg,\n          #C4622D 0%,\n          #D57743 48%,\n          #8A8A8A 150%\n        );\n\n      box-shadow:\n        0 10px 25px rgba(196,98,45,.22),\n        inset 0 1px 0 rgba(255,255,255,.22);\n    }\n\n    .cc-packpod .cc-closing::after {\n      content: \"\";\n\n      position: absolute;\n\n      width: 130px;\n      height: 130px;\n\n      right: -75px;\n      top: -75px;\n\n      border:\n        1px solid rgba(255,255,255,.16);\n\n      border-radius: 50%;\n    }\n\n    .cc-packpod .cc-closing p {\n      position: relative;\n\n      z-index: 2;\n\n      margin: 0 !important;\n\n      color: #FFFFFF;\n\n      font-size: 15px;\n\n      line-height: 1.25;\n\n      font-weight: 800;\n\n      text-align: center;\n    }\n\n\n    \/* =========================================\n       SMALL MOBILE\n    ========================================== *\/\n\n    @media (max-width: 380px) {\n\n      .cc-packpod {\n        padding: 0 !important;\n      }\n\n      .cc-packpod .cc-hero {\n        padding:\n          23px 16px 26px;\n      }\n\n      .cc-packpod .cc-content {\n        padding:\n          0 10px !important;\n      }\n\n      .cc-packpod .cc-section {\n        padding:\n          17px 13px !important;\n\n        margin:\n          13px 0 !important;\n      }\n\n      .cc-packpod .cc-section-title {\n        font-size: 15px;\n      }\n\n      .cc-packpod .cc-list li {\n        font-size: 11.5px;\n      }\n\n      .cc-packpod .cc-bag-name {\n        font-size: 10.5px;\n      }\n\n      .cc-packpod .cc-bag-size {\n        font-size: 9px;\n      }\n\n      .cc-packpod .cc-bag-description {\n        font-size: 9.5px;\n      }\n\n      .cc-packpod .cc-colour-name {\n        font-size: 9.5px;\n      }\n\n      .cc-packpod .cc-colour-description {\n        font-size: 8.5px;\n      }\n\n      .cc-packpod .cc-swatch {\n        width: 24px;\n        height: 24px;\n\n        flex-basis: 24px;\n      }\n\n      .cc-packpod .cc-sa p {\n        font-size: 11.5px;\n      }\n\n      .cc-packpod .cc-closing {\n        margin-top: 13px !important;\n        padding: 14px 12px !important;\n      }\n\n      .cc-packpod .cc-closing p {\n        font-size: 13px;\n      }\n\n    }\n\n\n    \/* =========================================\n       TABLET \/ DESKTOP\n    ========================================== *\/\n\n    @media (min-width: 600px) {\n\n      .cc-packpod {\n        padding: 0 !important;\n      }\n\n      .cc-packpod .cc-hero {\n        padding:\n          38px 32px 40px;\n\n        border-radius:\n          0 0 30px 30px;\n      }\n\n      .cc-packpod .cc-content {\n        max-width: 850px;\n\n        margin: 0 auto;\n\n        padding:\n          0 20px !important;\n      }\n\n      .cc-packpod .cc-section {\n        padding:\n          23px 21px !important;\n      }\n\n      .cc-packpod .cc-bag-grid {\n        grid-template-columns:\n          repeat(4, 1fr);\n      }\n\n      .cc-packpod .cc-colour-grid {\n        grid-template-columns:\n          repeat(4, 1fr);\n      }\n\n    }\n\n\n    \/* =========================================\n       ANIMATIONS\n    ========================================== *\/\n\n    @keyframes ccPackPodReveal {\n\n      from {\n        opacity: 0;\n\n        transform:\n          translateY(8px);\n      }\n\n      to {\n        opacity: 1;\n\n        transform:\n          translateY(0);\n      }\n\n    }\n\n    @keyframes ccPackPodFloat {\n\n      0%,\n      100% {\n        transform:\n          translate3d(0,0,0);\n      }\n\n      50% {\n        transform:\n          translate3d(0,8px,0);\n      }\n\n    }\n\n\n    \/* =========================================\n       REDUCED MOTION\n    ========================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .cc-packpod *,\n      .cc-packpod *::before,\n      .cc-packpod *::after {\n\n        animation: none !important;\n\n        transition: none !important;\n      }\n\n    }\n\n  \u003c\/style\u003e\n\u003cdiv class=\"cc-packpod\"\u003e\n\u003c!-- =========================================\n       HERO\n  ========================================== --\u003e\n\u003csection class=\"cc-hero\"\u003e\n\u003cdiv class=\"cc-hero-content\"\u003e\n\u003cdiv class=\"cc-kicker\"\u003e\n\u003cspan class=\"cc-kicker-dot\"\u003e\u003c\/span\u003e Carry Collective\u003c\/div\u003e\n\u003ch2\u003eTravel Smarter. Pack Better. \u003cspan style=\"background-color: initial; display: inline !important;\"\u003eCarry Collective.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cc-hero-description\"\u003eMeet the CarryCollective™️ PackPod — your ultimate travel companion for staying organised on the go. This portable storage bag set is designed for the traveller who refuses to dig through a chaotic bag. Every item has its place, and every place is perfectly sized.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cc-content\"\u003e\n\u003c!-- =========================================\n         WHAT'S IN THE SET\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eWhat's in the Set\u003c\/h3\u003e\n\u003cp class=\"cc-supporting-text\"\u003eEach PackPod set includes 3 purpose-built bags to cover every packing need:\u003c\/p\u003e\n\u003cdiv class=\"cc-bag-grid\"\u003e\n\u003cdiv class=\"cc-bag\"\u003e\n\u003cspan class=\"cc-bag-name\"\u003e Clothes Bag L \u003c\/span\u003e \u003cspan class=\"cc-bag-size\"\u003e40cm × 30cm\u003c\/span\u003e \u003cspan class=\"cc-bag-description\"\u003e For jackets, coats, jeans \u0026amp; bulkier layers \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-bag\"\u003e\n\u003cspan class=\"cc-bag-name\"\u003e Clothes Bag M\u003c\/span\u003e \u003cspan class=\"cc-bag-size\"\u003e 35cm × 25cm\u003c\/span\u003e \u003cspan class=\"cc-bag-description\"\u003e For knitwear, shirts \u0026amp; folded tops \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-bag\"\u003e\n\u003cspan class=\"cc-bag-name\"\u003eClothes Bag S \u003c\/span\u003e \u003cspan class=\"cc-bag-size\"\u003e30cm × 20cm\u003c\/span\u003e \u003cspan class=\"cc-bag-description\"\u003e For tees, skirts \u0026amp; light layers \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         AVAILABLE COLOURS\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eAvailable Colours\u003c\/h3\u003e\n\u003cdiv class=\"cc-colour-grid\"\u003e\n\u003cdiv class=\"cc-colour\"\u003e\n\u003cspan class=\"cc-swatch cc-black\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"cc-colour-text\"\u003e\u003cspan class=\"cc-colour-name\"\u003e Black\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         SOUTH AFRICAN TRAVELLERS\n    ========================================== --\u003e\n\u003csection class=\"cc-section cc-sa\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003ePerfect for South African Travellers\u003c\/h3\u003e\n\u003cp\u003eWhether you're catching a Mango flight to Cape Town, road-tripping through the Karoo, or heading on safari in the Kruger — the PackPod was made for the way South Africans travel. Lightweight enough to comply with domestic carry-on limits, durable enough for the long-haul to Europe or Asia, and organised enough to survive a Joburg layover. No more overpacked bags, no more lost chargers, no more chaos at customs.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         FINAL STATEMENT\n    ========================================== --\u003e\n\u003cdiv class=\"cc-closing\"\u003e\n\u003cp\u003eBecause organised travel isn't a luxury — it's a lifestyle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CarryCollective","offers":[{"title":"Default Title","offer_id":46002405245119,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/5796\/1919\/files\/FromThisnjhj.png?v=1787133888"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/5796\/1919\/collections\/top-down-moody-suitcase-scene.png?v=1787834753","url":"https:\/\/carrycollective.co.za\/collections\/stay-organised.oembed","provider":"CarryCollective™","version":"1.0","type":"link"}