{"product_id":"carrycollective™-vacpack-vacuum-compression-travel-bags","title":"CarryCollective™ VacPack","description":"\u003cstyle\u003e\n    \/* =========================================\n       CARRyCOLLECTIVE™ VACPACK\n       BRAND COLOURS\n    ========================================== *\/\n\n    .cc-vacpack {\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;\n      padding: 0 0 20px 0;\n      color: var(--charcoal);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      line-height: 1.5;\n      overflow: hidden;\n      word-break: normal;\n      overflow-wrap: normal;\n      hyphens: none;\n      box-sizing: border-box;\n    }\n\n    .cc-vacpack *,\n    .cc-vacpack *::before,\n    .cc-vacpack *::after {\n      box-sizing: border-box;\n    }\n\n\n    \/* =========================================\n       HERO\n    ========================================== *\/\n\n    .cc-hero {\n      position: relative;\n      padding: 27px 18px 30px;\n      margin-bottom: 18px;\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-hero::before {\n      content: \"\";\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: ccFloat 6s ease-in-out infinite;\n    }\n\n    .cc-hero::after {\n      content: \"\";\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: ccFloat 7s ease-in-out infinite reverse;\n    }\n\n    .cc-hero-content {\n      position: relative;\n      z-index: 2;\n    }\n\n\n    \/* =========================================\n       HERO LABEL\n    ========================================== *\/\n\n    .cc-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n\n      margin-bottom: 10px;\n      padding: 5px 10px;\n\n      border: 1px solid rgba(245,240,232,.22);\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      font-weight: 700;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n\n      color: var(--offwhite);\n    }\n\n    .cc-kicker-dot {\n      width: 6px;\n      height: 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    ========================================== *\/\n\n    .cc-hero h2 {\n      margin: 0 0 8px;\n\n      color: #FFFFFF;\n\n      font-size: clamp(24px, 7vw, 38px);\n      line-height: 1.08;\n\n      letter-spacing: -.035em;\n\n      font-weight: 800;\n    }\n\n    .cc-hero h2 span {\n      color: #F3B08E;\n    }\n\n    .cc-tagline {\n      margin: 0 0 14px;\n\n      font-size: 14px;\n      line-height: 1.4;\n\n      font-weight: 700;\n\n      color: var(--offwhite);\n    }\n\n    .cc-hero-description {\n      margin: 0;\n\n      max-width: 720px;\n\n      font-size: 13px;\n      line-height: 1.55;\n\n      color: rgba(245,240,232,.88);\n    }\n\n    .cc-hero-description strong {\n      color: #FFFFFF;\n      font-weight: 800;\n    }\n\n\n    \/* =========================================\n       CONTENT\n    ========================================== *\/\n\n    .cc-content {\n      padding: 0 14px;\n    }\n\n    .cc-section {\n      position: relative;\n\n      margin: 15px 0;\n      padding: 19px 16px;\n\n      border: 1px solid rgba(138,138,138,.18);\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        ccReveal .55s ease both;\n    }\n\n    .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-section-title {\n      display: flex;\n      align-items: center;\n      gap: 9px;\n\n      margin: 0 0 14px;\n\n      color: var(--charcoal);\n\n      font-size: 16px;\n      line-height: 1.2;\n\n      letter-spacing: -.015em;\n\n      font-weight: 800;\n    }\n\n    .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       LISTS\n    ========================================== *\/\n\n    .cc-list {\n      display: grid;\n      gap: 8px;\n\n      margin: 0;\n      padding: 0;\n\n      list-style: none;\n    }\n\n    .cc-list li {\n      position: relative;\n\n      padding: 10px 11px 10px 34px;\n\n      border-radius: 12px;\n\n      background:\n        rgba(255,255,255,.72);\n\n      border:\n        1px solid rgba(138,138,138,.13);\n\n      font-size: 12.5px;\n      line-height: 1.45;\n\n      color: var(--charcoal);\n\n      box-shadow:\n        0 3px 10px rgba(44,44,44,.045);\n\n      transition:\n        transform .22s ease,\n        box-shadow .22s ease,\n        border-color .22s ease;\n    }\n\n    .cc-list li::before {\n      content: \"✓\";\n\n      position: absolute;\n\n      left: 11px;\n      top: 50%;\n\n      transform: translateY(-50%);\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 16px;\n      height: 16px;\n\n      border-radius: 50%;\n\n      background:\n        linear-gradient(\n          135deg,\n          #C4622D,\n          #A94D22\n        );\n\n      color: #FFFFFF;\n\n      font-size: 9px;\n      font-weight: 900;\n\n      box-shadow:\n        0 3px 8px rgba(196,98,45,.25);\n    }\n\n    .cc-list li:hover {\n      transform: translateY(-2px);\n\n      border-color:\n        rgba(196,98,45,.28);\n\n      box-shadow:\n        0 7px 18px rgba(44,44,44,.09);\n    }\n\n    .cc-list strong {\n      font-weight: 800;\n      color: var(--charcoal);\n    }\n\n\n    \/* =========================================\n       PACK OPTIONS\n    ========================================== *\/\n\n    .cc-pack-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(3, 1fr);\n\n      gap: 7px;\n\n      margin-bottom: 12px;\n    }\n\n    .cc-pack {\n      padding: 10px 5px;\n\n      text-align: center;\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\n    .cc-pack-number {\n      display: block;\n\n      margin-bottom: 2px;\n\n      color: var(--burnt);\n\n      font-size: 19px;\n      line-height: 1;\n\n      font-weight: 900;\n    }\n\n    .cc-pack-label {\n      display: block;\n\n      color: var(--charcoal);\n\n      font-size: 9px;\n      line-height: 1.2;\n\n      font-weight: 700;\n\n      text-transform: uppercase;\n      letter-spacing: .04em;\n    }\n\n\n    \/* =========================================\n       PRODUCT DETAILS\n    ========================================== *\/\n\n    .cc-detail-grid {\n      display: grid;\n\n      grid-template-columns:\n        1fr 1fr;\n\n      gap: 8px;\n    }\n\n    .cc-detail {\n      min-width: 0;\n\n      padding: 11px;\n\n      border-radius: 12px;\n\n      background:\n        linear-gradient(\n          145deg,\n          #FFFFFF,\n          #F0EBE3\n        );\n\n      border:\n        1px solid rgba(138,138,138,.14);\n\n      box-shadow:\n        0 4px 12px rgba(44,44,44,.05);\n    }\n\n    .cc-detail strong {\n      display: block;\n\n      margin-bottom: 3px;\n\n      color: var(--burnt);\n\n      font-size: 10px;\n      line-height: 1.2;\n\n      font-weight: 800;\n\n      text-transform: uppercase;\n      letter-spacing: .04em;\n    }\n\n    .cc-detail span {\n      display: block;\n\n      color: var(--charcoal);\n\n      font-size: 11.5px;\n      line-height: 1.35;\n    }\n\n\n    \/* =========================================\n       HOW IT WORKS\n    ========================================== *\/\n\n    .cc-steps {\n      display: grid;\n\n      gap: 8px;\n\n      margin: 0;\n      padding: 0;\n\n      list-style: none;\n\n      counter-reset: ccStep;\n    }\n\n    .cc-steps li {\n      position: relative;\n\n      display: flex;\n      align-items: flex-start;\n\n      gap: 10px;\n\n      min-width: 0;\n\n      padding: 10px 11px;\n\n      border-radius: 12px;\n\n      background:\n        rgba(255,255,255,.75);\n\n      border:\n        1px solid rgba(138,138,138,.14);\n\n      font-size: 12.5px;\n      line-height: 1.4;\n    }\n\n    .cc-step-number {\n      flex: 0 0 25px;\n\n      width: 25px;\n      height: 25px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      color: #FFFFFF;\n\n      background:\n        linear-gradient(\n          135deg,\n          #C4622D,\n          #8E3F1E\n        );\n\n      font-size: 10px;\n      font-weight: 900;\n\n      box-shadow:\n        0 4px 10px rgba(196,98,45,.25);\n    }\n\n\n    \/* =========================================\n       EMPHASIS BAR\n    ========================================== *\/\n\n    .cc-emphasis {\n      position: relative;\n\n      margin: 16px 0;\n\n      padding: 15px 16px;\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-emphasis::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-emphasis strong {\n      position: relative;\n      z-index: 2;\n\n      display: block;\n\n      margin-bottom: 3px;\n\n      font-size: 15px;\n      line-height: 1.15;\n    }\n\n    .cc-emphasis span {\n      position: relative;\n      z-index: 2;\n\n      font-size: 11px;\n      line-height: 1.35;\n\n      opacity: .92;\n    }\n\n\n    \/* =========================================\n       SOUTH AFRICA SECTION\n    ========================================== *\/\n\n    .cc-sa {\n      color: var(--offwhite);\n\n      border: none;\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-sa::before {\n      background:\n        linear-gradient(\n          135deg,\n          rgba(196,98,45,.25),\n          transparent\n        );\n    }\n\n    .cc-sa .cc-section-title {\n      color: #FFFFFF;\n    }\n\n    .cc-sa .cc-section-title::before {\n      background:\n        linear-gradient(\n          180deg,\n          #F3A47C,\n          #C4622D\n        );\n    }\n\n    .cc-sa p {\n      position: relative;\n      z-index: 2;\n\n      margin: 0;\n\n      color:\n        rgba(245,240,232,.9);\n\n      font-size: 12.5px;\n      line-height: 1.58;\n    }\n\n\n    \/* =========================================\n       RESPONSIVE\n    ========================================== *\/\n\n    @media (min-width: 600px) {\n\n      .cc-vacpack {\n        padding-bottom: 20px;\n      }\n\n      .cc-hero {\n        padding: 38px 32px 40px;\n\n        border-radius:\n          0 0 30px 30px;\n      }\n\n      .cc-content {\n        max-width: 850px;\n\n        margin: 0 auto;\n\n        padding: 0 20px;\n      }\n\n      .cc-section {\n        padding: 23px 21px;\n      }\n\n      .cc-detail-grid {\n        grid-template-columns:\n          repeat(3, 1fr);\n      }\n\n      .cc-list {\n        grid-template-columns:\n          1fr 1fr;\n      }\n\n      .cc-list li:last-child {\n        grid-column:\n          span 2;\n      }\n    }\n\n\n    \/* =========================================\n       ANIMATIONS\n    ========================================== *\/\n\n    @keyframes ccReveal {\n\n      from {\n        opacity: 0;\n        transform: translateY(8px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n    }\n\n    @keyframes ccFloat {\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-vacpack *,\n      .cc-vacpack *::before,\n      .cc-vacpack *::after {\n\n        animation: none !important;\n\n        transition: none !important;\n      }\n\n    }\n\n  \u003c\/style\u003e\n\u003cdiv class=\"cc-vacpack\"\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\u003ePack More. \u003cspan\u003eTravel Smarter.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cc-tagline\"\u003eCarry Collective\u003c\/p\u003e\n\u003cp class=\"cc-hero-description\"\u003eMeet the \u003cstrong\u003eCarryCollective™️ VacPack\u003c\/strong\u003e — the vacuum compression bag that transforms a bulging suitcase into a neatly packed, space-saving powerhouse. Simply load up to \u003cstrong\u003e20 clothing items\u003c\/strong\u003e, zip it shut, and vacuum out the air. That's it. More space, less stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cc-content\"\u003e\n\u003c!-- =========================================\n         WHAT'S IN THE BOX\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eWhat's in the Box\u003c\/h3\u003e\n\u003cdiv class=\"cc-pack-grid\"\u003e\n\u003cdiv class=\"cc-pack\"\u003e\n\u003cspan class=\"cc-pack-number\"\u003e 1 \u003c\/span\u003e \u003cspan class=\"cc-pack-label\"\u003e Pack\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-pack\"\u003e\n\u003cspan class=\"cc-pack-number\"\u003e 2 \u003c\/span\u003e \u003cspan class=\"cc-pack-label\"\u003e Pack \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-pack\"\u003e\n\u003cspan class=\"cc-pack-number\"\u003e 4 \u003c\/span\u003e \u003cspan class=\"cc-pack-label\"\u003e Pack \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"cc-list\"\u003e\n\u003cli\u003eVacPack vacuum compression bag(s) — available in packs of \u003cstrong\u003e1, 2, or 4\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eElectric air pump\u003c\/strong\u003e with USB charging cable\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e5 interchangeable nozzles\u003c\/strong\u003e for versatile use\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         PRODUCT DETAILS\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eProduct Details\u003c\/h3\u003e\n\u003cdiv class=\"cc-detail-grid\"\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cstrong\u003e Material \u003c\/strong\u003e \u003cspan\u003e Premium ripstop nylon \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cstrong\u003e Capacity \u003c\/strong\u003e \u003cspan\u003e 16L \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cstrong\u003e Dimensions \u003c\/strong\u003e \u003cspan\u003e 28.5cm × 38.5cm \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cstrong\u003e Colours \u003c\/strong\u003e \u003cspan\u003e Black, Grey \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cstrong\u003e Protection \u003c\/strong\u003e \u003cspan\u003e Water resistant \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cstrong\u003e Closure \u003c\/strong\u003e \u003cspan\u003e Double-zip seal \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"cc-list\" style=\"margin-top: 8px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eWater resistant\u003c\/strong\u003e — keeps your clothes protected from moisture and spills\u003c\/li\u003e\n\u003cli\u003eDouble-zip seal for an airtight, secure closure\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         HOW IT WORKS\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eHow It Works\u003c\/h3\u003e\n\u003col class=\"cc-steps\"\u003e\n\u003cli\u003e\n\u003cspan class=\"cc-step-number\"\u003e 1 \u003c\/span\u003e \u003cspan\u003e Pack up to 20 clothing items into the bag \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cc-step-number\"\u003e 2 \u003c\/span\u003e \u003cspan\u003e Zip it up using the double-seal zipper \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cc-step-number\"\u003e 3 \u003c\/span\u003e \u003cspan\u003e Attach the electric pump and vacuum out the air \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cc-step-number\"\u003e 4 \u003c\/span\u003e \u003cspan\u003e Watch your bag shrink down — ready to pack \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         EMPHASIS\n    ========================================== --\u003e\n\u003cdiv class=\"cc-emphasis\"\u003e\n\u003cstrong\u003e More space. Less stress. \u003c\/strong\u003e \u003cspan\u003e Pack smarter without changing the size of your suitcase. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n         SOUTH AFRICA\n    ========================================== --\u003e\n\u003csection class=\"cc-section cc-sa\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003e🇿🇦 Why It's Perfect for South African Travellers\u003c\/h3\u003e\n\u003cp\u003eWhether you're heading to the bush for a safari, flying between Joburg and Cape Town, or packing for a long-haul trip abroad, South African travellers know the struggle of fitting everything into one bag — especially with strict airline baggage limits on local carriers like FlySafair and Kulula. The VacPack helps you beat those limits without checking an extra bag, saving you money and hassle at the airport. It's also ideal for storing seasonal clothing in smaller homes and flats, keeping your wardrobe compact and your space clutter-free.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CarryCollective™","offers":[{"title":"Black","offer_id":46002017829055,"sku":null,"price":649.99,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":46002017861823,"sku":null,"price":649.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/5796\/1919\/files\/Untitled_design_njj.png?v=1786468653","url":"https:\/\/carrycollective.co.za\/products\/carrycollective%e2%84%a2-vacpack-vacuum-compression-travel-bags","provider":"CarryCollective™","version":"1.0","type":"link"}