{"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","url":"https:\/\/carrycollective.co.za\/products\/carrycollective%e2%84%a2-packpod-3-piece-portable-travel-storage-bag-set","provider":"CarryCollective™","version":"1.0","type":"link"}