{"title":"Move Freely","description":"\u003cp\u003eEverything designed to make getting from A to B easier.\u003c\/p\u003e","products":[{"product_id":"carrycollective-vaultpack","title":"CarryCollective™ VaultPack","description":"\u003cstyle\u003e\n    \/* =========================================\n       CARRyCOLLECTIVE™ VAULTPACK\n       PREMIUM PRODUCT DESCRIPTION\n       VACPACK VISUAL SYSTEM\n    ========================================== *\/\n\n    .cc-vaultpack {\n      --burnt: #C4622D;\n      --burnt-dark: #9D461F;\n      --burnt-light: #F3B08E;\n      --slate: #8A8A8A;\n      --charcoal: #2C2C2C;\n      --charcoal-dark: #202020;\n      --offwhite: #F5F0E8;\n      --white: #FFFFFF;\n\n      width: 100%;\n      max-width: 100%;\n      margin: 0 auto !important;\n\n      \/*\n        Bottom space is kept minimal so the description\n        does not create a large blank area.\n        The sticky Shopify Add to Cart remains separate.\n      *\/\n      padding: 0 0 20px 0 !important;\n\n      color: var(--charcoal) !important;\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 !important;\n      overflow-wrap: normal !important;\n      hyphens: none !important;\n\n      box-sizing: border-box;\n    }\n\n    .cc-vaultpack *,\n    .cc-vaultpack *::before,\n    .cc-vaultpack *::after {\n      box-sizing: border-box;\n    }\n\n    .cc-vaultpack h1,\n    .cc-vaultpack h2,\n    .cc-vaultpack h3,\n    .cc-vaultpack p,\n    .cc-vaultpack ul,\n    .cc-vaultpack li {\n      margin-top: 0 !important;\n    }\n\n    .cc-vaultpack p:last-child {\n      margin-bottom: 0 !important;\n    }\n\n\n    \/* =========================================\n       HERO\n    ========================================== *\/\n\n    .cc-vaultpack .cc-hero {\n      position: relative;\n\n      padding: 27px 18px 30px !important;\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) !important;\n\n      box-shadow:\n        0 12px 35px rgba(44,44,44,.18);\n    }\n\n    .cc-vaultpack .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        ccVaultFloat 6s ease-in-out infinite;\n    }\n\n    .cc-vaultpack .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        ccVaultFloat 7s ease-in-out infinite reverse;\n    }\n\n    .cc-vaultpack .cc-hero-content {\n      position: relative;\n      z-index: 2;\n    }\n\n\n    \/* =========================================\n       HERO LABEL\n    ========================================== *\/\n\n    .cc-vaultpack .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) !important;\n    }\n\n    .cc-vaultpack .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    ========================================== *\/\n\n    .cc-vaultpack .cc-hero h2 {\n      margin: 0 0 9px !important;\n\n      color: #FFFFFF !important;\n\n      font-size:\n        clamp(25px, 7vw, 39px) !important;\n\n      line-height: 1.08 !important;\n\n      letter-spacing: -.035em;\n\n      font-weight: 800 !important;\n    }\n\n    .cc-vaultpack .cc-hero-description {\n      margin: 0 !important;\n\n      max-width: 720px;\n\n      color:\n        rgba(245,240,232,.94) !important;\n\n      font-size: 13px !important;\n\n      line-height: 1.55 !important;\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================\n       CONTENT\n    ========================================== *\/\n\n    .cc-vaultpack .cc-content {\n      padding: 0 14px !important;\n    }\n\n\n    \/* =========================================\n       SECTION CARDS\n    ========================================== *\/\n\n    .cc-vaultpack .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,.99),\n          rgba(245,240,232,.97)\n        );\n\n      box-shadow:\n        0 8px 24px rgba(44,44,44,.08),\n        inset 0 1px 0 rgba(255,255,255,.95);\n\n      overflow: hidden;\n\n      animation:\n        ccVaultReveal .55s ease both;\n    }\n\n    .cc-vaultpack .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 TITLES\n    ========================================== *\/\n\n    .cc-vaultpack .cc-section-title {\n      display: flex;\n\n      align-items: center;\n\n      gap: 9px;\n\n      margin: 0 0 13px !important;\n\n      color: var(--charcoal) !important;\n\n      font-size: 16px !important;\n\n      line-height: 1.2 !important;\n\n      letter-spacing: -.015em;\n\n      font-weight: 800 !important;\n    }\n\n    .cc-vaultpack .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       FEATURE INTRO\n    ========================================== *\/\n\n    .cc-vaultpack .cc-supporting-text {\n      margin: 0 0 10px !important;\n\n      color: var(--charcoal) !important;\n\n      font-size: 12px !important;\n\n      line-height: 1.45 !important;\n\n      font-weight: 600 !important;\n    }\n\n\n    \/* =========================================\n       FEATURE GRID\n    ========================================== *\/\n\n    .cc-vaultpack .cc-feature-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 8px;\n\n      margin: 0 !important;\n    }\n\n    .cc-vaultpack .cc-feature {\n      position: relative;\n\n      min-width: 0;\n\n      padding: 12px 10px !important;\n\n      border-radius: 13px;\n\n      background:\n        linear-gradient(\n          145deg,\n          #FFFFFF 0%,\n          #F3EEE6 100%\n        );\n\n      border:\n        1px solid rgba(138,138,138,.18);\n\n      box-shadow:\n        0 5px 13px rgba(44,44,44,.055);\n\n      transition:\n        transform .22s ease,\n        box-shadow .22s ease,\n        border-color .22s ease;\n\n      overflow: hidden;\n    }\n\n    .cc-vaultpack .cc-feature::after {\n      content: \"\";\n\n      position: absolute;\n\n      width: 48px;\n      height: 48px;\n\n      right: -24px;\n      top: -24px;\n\n      border-radius: 50%;\n\n      background:\n        rgba(196,98,45,.12);\n    }\n\n    .cc-vaultpack .cc-feature:hover {\n      transform: translateY(-2px);\n\n      border-color:\n        rgba(196,98,45,.30);\n\n      box-shadow:\n        0 9px 19px rgba(44,44,44,.10);\n    }\n\n    .cc-vaultpack .cc-feature-title {\n      display: block;\n\n      position: relative;\n      z-index: 2;\n\n      margin: 0 0 5px !important;\n\n      color: var(--charcoal) !important;\n\n      font-size: 11.5px !important;\n\n      line-height: 1.28 !important;\n\n      font-weight: 850 !important;\n    }\n\n    .cc-vaultpack .cc-feature-title::before {\n      content: \"✓\";\n\n      display: inline-flex;\n\n      align-items: center;\n      justify-content: center;\n\n      width: 16px;\n      height: 16px;\n\n      margin-right: 5px;\n\n      border-radius: 50%;\n\n      vertical-align: -3px;\n\n      color: #FFFFFF;\n\n      background:\n        linear-gradient(\n          135deg,\n          #C4622D,\n          #A94D22\n        );\n\n      font-size: 8px;\n\n      font-weight: 900;\n\n      box-shadow:\n        0 2px 7px rgba(196,98,45,.25);\n    }\n\n    .cc-vaultpack .cc-feature-text {\n      position: relative;\n      z-index: 2;\n\n      display: block;\n\n      color: var(--charcoal) !important;\n\n      font-size: 10.5px !important;\n\n      line-height: 1.4 !important;\n\n      font-weight: 500 !important;\n    }\n\n\n    \/* =========================================\n       DIMENSIONS\n    ========================================== *\/\n\n    .cc-vaultpack .cc-dimensions {\n      display: grid;\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 8px;\n\n      margin: 0 !important;\n    }\n\n    .cc-vaultpack .cc-dimension {\n      padding: 13px 11px !important;\n\n      border-radius: 13px;\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      text-align: center;\n    }\n\n    .cc-vaultpack .cc-dimension-label {\n      display: block;\n\n      margin: 0 0 5px !important;\n\n      color: var(--burnt) !important;\n\n      font-size: 10px !important;\n\n      line-height: 1.2 !important;\n\n      font-weight: 850 !important;\n\n      text-transform: uppercase;\n\n      letter-spacing: .04em;\n    }\n\n    .cc-vaultpack .cc-dimension-value {\n      display: block;\n\n      color: var(--charcoal) !important;\n\n      font-size: 11.5px !important;\n\n      line-height: 1.35 !important;\n\n      font-weight: 700 !important;\n    }\n\n\n    \/* =========================================\n       COLOUR GRID\n    ========================================== *\/\n\n    .cc-vaultpack .cc-colour-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n      gap: 7px;\n\n      margin: 0 !important;\n    }\n\n    .cc-vaultpack .cc-colour {\n      min-width: 0;\n\n      padding: 11px 7px !important;\n\n      text-align: center;\n\n      border-radius: 13px;\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-vaultpack .cc-colour:hover {\n      transform: translateY(-2px);\n\n      box-shadow:\n        0 8px 18px rgba(44,44,44,.10);\n    }\n\n    .cc-vaultpack .cc-swatch {\n      display: block;\n\n      width: 29px;\n      height: 29px;\n\n      margin: 0 auto 7px;\n\n      border-radius: 50%;\n\n      border: 2px solid #FFFFFF;\n\n      box-shadow:\n        0 3px 8px rgba(44,44,44,.22),\n        inset 0 0 0 1px rgba(44,44,44,.18);\n    }\n\n    .cc-vaultpack .cc-black {\n      background:\n        linear-gradient(\n          145deg,\n          #111111,\n          #414141\n        );\n    }\n\n    .cc-vaultpack .cc-grey {\n      background:\n        linear-gradient(\n          145deg,\n          #686868,\n          #AAAAAA\n        );\n    }\n\n    .cc-vaultpack .cc-navy {\n      background:\n        linear-gradient(\n          145deg,\n          #13263E,\n          #3B5877\n        );\n    }\n\n    .cc-vaultpack .cc-colour-name {\n      display: block;\n\n      margin: 0 0 2px !important;\n\n      color: var(--charcoal) !important;\n\n      font-size: 11px !important;\n\n      line-height: 1.25 !important;\n\n      font-weight: 850 !important;\n    }\n\n    .cc-vaultpack .cc-colour-description {\n      display: block;\n\n      color: var(--charcoal) !important;\n\n      font-size: 9.5px !important;\n\n      line-height: 1.3 !important;\n    }\n\n\n    \/* =========================================\n       ELECTRIC PUMP EMPHASIS\n    ========================================== *\/\n\n    .cc-vaultpack .cc-pump {\n      position: relative;\n\n      margin: 0 !important;\n\n      padding: 17px 16px !important;\n\n      border-radius: 17px;\n\n      overflow: hidden;\n\n      color: #FFFFFF !important;\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-vaultpack .cc-pump::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-vaultpack .cc-pump-title {\n      position: relative;\n      z-index: 2;\n\n      display: block;\n\n      margin: 0 0 6px !important;\n\n      color: #FFFFFF !important;\n\n      font-size: 15px !important;\n\n      line-height: 1.2 !important;\n\n      font-weight: 850 !important;\n    }\n\n    .cc-vaultpack .cc-pump-text {\n      position: relative;\n      z-index: 2;\n\n      margin: 0 !important;\n\n      color: #FFFFFF !important;\n\n      font-size: 11.5px !important;\n\n      line-height: 1.5 !important;\n\n      font-weight: 500 !important;\n    }\n\n\n    \/* =========================================\n       SOUTH AFRICAN TRAVELLERS\n    ========================================== *\/\n\n    .cc-vaultpack .cc-sa {\n      color: var(--offwhite) !important;\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-vaultpack .cc-sa::before {\n      background:\n        linear-gradient(\n          135deg,\n          rgba(196,98,45,.25),\n          transparent\n        );\n    }\n\n    .cc-vaultpack .cc-sa .cc-section-title {\n      color: #FFFFFF !important;\n    }\n\n    .cc-vaultpack .cc-sa .cc-section-title::before {\n      background:\n        linear-gradient(\n          180deg,\n          #F3A47C,\n          #C4622D\n        );\n    }\n\n    .cc-vaultpack .cc-sa-list {\n      display: grid;\n\n      gap: 8px;\n\n      margin: 0 !important;\n      padding: 0 !important;\n\n      list-style: none !important;\n    }\n\n    .cc-vaultpack .cc-sa-list li {\n      position: relative;\n\n      padding: 10px 10px 10px 31px !important;\n\n      border-radius: 11px;\n\n      background:\n        rgba(255,255,255,.075);\n\n      border:\n        1px solid rgba(255,255,255,.10);\n\n      color:\n        rgba(245,240,232,.95) !important;\n\n      font-size: 11.5px !important;\n\n      line-height: 1.48 !important;\n\n      font-weight: 500 !important;\n    }\n\n    .cc-vaultpack .cc-sa-list li::before {\n      content: \"✓\";\n\n      position: absolute;\n\n      left: 10px;\n      top: 10px;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      width: 15px;\n      height: 15px;\n\n      border-radius: 50%;\n\n      background:\n        var(--burnt);\n\n      color: #FFFFFF;\n\n      font-size: 8px;\n\n      font-weight: 900;\n    }\n\n\n    \/* =========================================\n       FINAL STATEMENT\n    ========================================== *\/\n\n    .cc-vaultpack .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 !important;\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-vaultpack .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-vaultpack .cc-closing p {\n      position: relative;\n\n      z-index: 2;\n\n      margin: 0 !important;\n\n      color: #FFFFFF !important;\n\n      font-size: 15px !important;\n\n      line-height: 1.25 !important;\n\n      font-weight: 800 !important;\n\n      text-align: center;\n    }\n\n\n    \/* =========================================\n       MOBILE\n    ========================================== *\/\n\n    @media (max-width: 380px) {\n\n      .cc-vaultpack {\n        padding-bottom: 15px !important;\n      }\n\n      .cc-vaultpack .cc-hero {\n        padding:\n          23px\n          16px\n          26px !important;\n      }\n\n      .cc-vaultpack .cc-content {\n        padding:\n          0 10px !important;\n      }\n\n      .cc-vaultpack .cc-section {\n        padding:\n          17px 13px !important;\n\n        margin:\n          13px 0 !important;\n      }\n\n      .cc-vaultpack .cc-section-title {\n        font-size: 15px !important;\n      }\n\n      .cc-vaultpack .cc-feature {\n        padding:\n          10px 8px !important;\n      }\n\n      .cc-vaultpack .cc-feature-title {\n        font-size: 10px !important;\n      }\n\n      .cc-vaultpack .cc-feature-text {\n        font-size: 9.5px !important;\n      }\n\n      .cc-vaultpack .cc-dimension-value {\n        font-size: 10.5px !important;\n      }\n\n      .cc-vaultpack .cc-colour-name {\n        font-size: 10px !important;\n      }\n\n      .cc-vaultpack .cc-colour-description {\n        font-size: 8.5px !important;\n      }\n\n      .cc-vaultpack .cc-swatch {\n        width: 25px;\n        height: 25px;\n      }\n\n      .cc-vaultpack .cc-pump-text {\n        font-size: 10.5px !important;\n      }\n\n      .cc-vaultpack .cc-sa-list li {\n        font-size: 10.5px !important;\n      }\n\n      .cc-vaultpack .cc-closing p {\n        font-size: 13.5px !important;\n      }\n    }\n\n\n    \/* =========================================\n       TABLET \/ DESKTOP\n    ========================================== *\/\n\n    @media (min-width: 600px) {\n\n      .cc-vaultpack {\n        padding-bottom: 20px !important;\n      }\n\n      .cc-vaultpack .cc-hero {\n        padding:\n          38px\n          32px\n          40px !important;\n\n        border-radius:\n          0 0 30px 30px;\n      }\n\n      .cc-vaultpack .cc-content {\n        max-width: 850px;\n\n        margin: 0 auto;\n\n        padding:\n          0 20px !important;\n      }\n\n      .cc-vaultpack .cc-section {\n        padding:\n          23px 21px !important;\n      }\n\n      .cc-vaultpack .cc-feature-grid {\n        grid-template-columns:\n          repeat(3, minmax(0, 1fr));\n      }\n\n      .cc-vaultpack .cc-dimensions {\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n      }\n\n      .cc-vaultpack .cc-colour-grid {\n        grid-template-columns:\n          repeat(3, minmax(0, 1fr));\n      }\n\n      .cc-vaultpack .cc-sa-list {\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n      }\n\n      .cc-vaultpack .cc-sa-list li:last-child {\n        grid-column:\n          span 2;\n      }\n    }\n\n\n    \/* =========================================\n       ANIMATIONS\n    ========================================== *\/\n\n    @keyframes ccVaultReveal {\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 ccVaultFloat {\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-vaultpack *,\n      .cc-vaultpack *::before,\n      .cc-vaultpack *::after {\n\n        animation: none !important;\n\n        transition: none !important;\n      }\n\n    }\n\n  \u003c\/style\u003e\n\u003cdiv class=\"cc-vaultpack\"\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. Stress Less. Travel Secured.\u003c\/h2\u003e\n\u003cp class=\"cc-hero-description\"\u003eThe CarryCollective™️ VaultPack is the last travel bag you'll ever need. Built for the modern traveller who refuses to check a bag, it combines vacuum-seal compression, instant expansion, and TSA-approved security into one sleek, structured carry-on backpack.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cc-content\"\u003e\n\u003c!-- =========================================\n         KEY FEATURES\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eKey Features\u003c\/h3\u003e\n\u003cdiv class=\"cc-feature-grid\"\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-title\"\u003e Vacuum-Seal Compression Compartment \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Pack, seal, and vacuum your clothes down to a fraction of their size. More space, less bulk. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-title\"\u003e 60L Instant Expansion \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Expands in seconds to hold as much as a carry-on suitcase. Collapses just as fast for daily commuting. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-title\"\u003e TSA-Approved Lock \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Built-in 3-dial combination lock keeps your gear secure through every checkpoint. Default code: 000. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-title\"\u003e Padded Laptop Sleeve \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Dedicated, padded compartment fits most laptops up to 17\". \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-title\"\u003e Premium Metal Zippers \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Smooth, durable, and built to last thousands of opens. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-title\"\u003e 3D Foam Shoulder Straps \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Ergonomic and breathable for long hauls through airports and city streets. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-title\"\u003e Ergo Grab Handle \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Reinforced top handle for easy lifting and overhead bin storage. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-title\"\u003e Hidden Front Pocket + Quick-Release Buckle \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Fast access to essentials without opening the main compartment. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         DIMENSIONS\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eDimensions\u003c\/h3\u003e\n\u003cdiv class=\"cc-dimensions\"\u003e\n\u003cdiv class=\"cc-dimension\"\u003e\n\u003cspan class=\"cc-dimension-label\"\u003e Standard \u003c\/span\u003e \u003cspan class=\"cc-dimension-value\"\u003e 48cm (H) × 33cm (W) × 19cm (D) \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-dimension\"\u003e\n\u003cspan class=\"cc-dimension-label\"\u003e Expanded \u003c\/span\u003e \u003cspan class=\"cc-dimension-value\"\u003e 48cm (H) × 33cm (W) × 23cm (D) \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         AVAILABLE COLOURS\n    ========================================== --\u003e\u003c!-- =========================================\n         ELECTRIC VACUUM PUMP\n    ========================================== --\u003e\n\u003csection class=\"cc-pump\"\u003e\u003cspan class=\"cc-pump-title\"\u003e Includes Electric Vacuum Pump \u003c\/span\u003e\n\u003cp class=\"cc-pump-text\"\u003eEvery VaultPack comes with a compact electric vacuum pump — no manual pumping required. Simply connect, press, and watch your clothes compress in seconds. Lightweight and rechargeable, it's small enough to pack inside the bag itself.\u003c\/p\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\"\u003eMade for South African Travellers\u003c\/h3\u003e\n\u003cp class=\"cc-supporting-text\" style=\"color: #f5f0e8 !important;\"\u003eWhether you're flying from OR Tambo to Cape Town for the weekend, heading to Zanzibar for a holiday, or catching a connecting flight to Europe — the VaultPack was built with your journey in mind.\u003c\/p\u003e\n\u003cul class=\"cc-sa-list\"\u003e\n\u003cli\u003eAirline carry-on compliant — Skip the check-in queue and baggage fees on Kulula, FlySafair, and most international carriers.\u003c\/li\u003e\n\u003cli\u003eBuilt for warm + cold packing — Vacuum compression means you can pack for a Joburg winter and a Durban summer in the same bag.\u003c\/li\u003e\n\u003cli\u003eSecure through every checkpoint — TSA lock gives you peace of mind whether you're at OR Tambo, Cape Town International, or abroad.\u003c\/li\u003e\n\u003cli\u003eOne bag, every trip — From a weekend in the Winelands to a two-week Europe trip, the VaultPack adapts to your itinerary.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         FINAL STATEMENT\n    ========================================== --\u003e\n\u003cdiv class=\"cc-closing\"\u003e\n\u003cp\u003eOne bag. Every journey.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CarryCollective™","offers":[{"title":"Default Title","offer_id":46004322566335,"sku":null,"price":2599.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/5796\/1919\/files\/ChatGPT_Image_Aug_15_2026_03_20_35_PM.png?v=1786800137"},{"product_id":"carrycollective™-carrypro-duffel","title":"CarryCollective™ CarryPro Duffel","description":"\u003cstyle\u003e\n    \/* =========================================\n       CARRyCOLLECTIVE™ CARRYPRO DUFFEL\n       BRAND SYSTEM\n    ========================================== *\/\n\n    .cc-carrypro {\n      --burnt: #C4622D;\n      --burnt-dark: #9E451F;\n      --burnt-light: #F3B08E;\n      --slate: #8A8A8A;\n      --charcoal: #2C2C2C;\n      --charcoal-dark: #1F1F1F;\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-carrypro *,\n    .cc-carrypro *::before,\n    .cc-carrypro *::after {\n      box-sizing: border-box;\n    }\n\n    .cc-carrypro h1,\n    .cc-carrypro h2,\n    .cc-carrypro h3,\n    .cc-carrypro p,\n    .cc-carrypro ul {\n      margin-top: 0;\n    }\n\n\n    \/* =========================================\n       HERO\n    ========================================== *\/\n\n    .cc-carrypro .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-carrypro .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:\n        rgba(255,255,255,.07);\n\n      animation:\n        ccCarryProFloat 6s ease-in-out infinite;\n    }\n\n    .cc-carrypro .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:\n        rgba(196,98,45,.18);\n\n      animation:\n        ccCarryProFloat 7s ease-in-out infinite reverse;\n    }\n\n    .cc-carrypro .cc-hero-content {\n      position: relative;\n      z-index: 2;\n    }\n\n\n    \/* =========================================\n       HERO LABEL\n    ========================================== *\/\n\n    .cc-carrypro .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:\n        1px solid rgba(245,240,232,.22);\n\n      border-radius: 999px;\n\n      background:\n        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:\n        var(--offwhite);\n    }\n\n    .cc-carrypro .cc-kicker-dot {\n      width: 6px;\n      height: 6px;\n\n      flex: 0 0 6px;\n\n      border-radius: 50%;\n\n      background:\n        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-carrypro .cc-hero h2 {\n      margin: 0 0 10px !important;\n\n      color:\n        #FFFFFF;\n\n      font-size:\n        clamp(23px, 7vw, 38px);\n\n      line-height:\n        1.08;\n\n      letter-spacing:\n        -.035em;\n\n      font-weight:\n        800;\n    }\n\n    .cc-carrypro .cc-hero-description {\n      margin: 0 !important;\n\n      max-width:\n        720px;\n\n      font-size:\n        13px;\n\n      line-height:\n        1.55;\n\n      color:\n        rgba(245,240,232,.94);\n    }\n\n\n    \/* =========================================\n       CONTENT\n    ========================================== *\/\n\n    .cc-carrypro .cc-content {\n      padding:\n        0 14px;\n    }\n\n\n    \/* =========================================\n       SECTION CARDS\n    ========================================== *\/\n\n    .cc-carrypro .cc-section {\n      position: relative;\n\n      margin: 15px 0 !important;\n\n      padding:\n        19px 16px;\n\n      border:\n        1px solid rgba(138,138,138,.18);\n\n      border-radius:\n        19px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.99),\n          rgba(245,240,232,.97)\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:\n        hidden;\n\n      animation:\n        ccCarryProReveal .55s ease both;\n    }\n\n    .cc-carrypro .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:\n        none;\n    }\n\n\n    \/* =========================================\n       SECTION HEADINGS\n    ========================================== *\/\n\n    .cc-carrypro .cc-section-title {\n      display:\n        flex;\n\n      align-items:\n        center;\n\n      gap:\n        9px;\n\n      margin:\n        0 0 12px !important;\n\n      color:\n        var(--charcoal-dark);\n\n      font-size:\n        16px;\n\n      line-height:\n        1.2;\n\n      letter-spacing:\n        -.015em;\n\n      font-weight:\n        800;\n    }\n\n    .cc-carrypro .cc-section-title::before {\n      content:\n        \"\";\n\n      flex:\n        0 0 auto;\n\n      width:\n        4px;\n\n      height:\n        19px;\n\n      border-radius:\n        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       INTRO TEXT\n    ========================================== *\/\n\n    .cc-carrypro .cc-intro-text {\n      margin:\n        0 !important;\n\n      color:\n        var(--charcoal);\n\n      font-size:\n        12.5px;\n\n      line-height:\n        1.58;\n    }\n\n\n    \/* =========================================\n       FEATURE GRID\n    ========================================== *\/\n\n    .cc-carrypro .cc-feature-grid {\n      display:\n        grid;\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap:\n        8px;\n\n      margin:\n        0;\n    }\n\n    .cc-carrypro .cc-feature {\n      position:\n        relative;\n\n      min-width:\n        0;\n\n      padding:\n        12px 11px;\n\n      border:\n        1px solid rgba(138,138,138,.17);\n\n      border-radius:\n        13px;\n\n      background:\n        linear-gradient(\n          145deg,\n          #FFFFFF 0%,\n          #F0EBE3 100%\n        );\n\n      box-shadow:\n        0 5px 13px rgba(44,44,44,.055);\n\n      overflow:\n        hidden;\n\n      transition:\n        transform .22s ease,\n        box-shadow .22s ease,\n        border-color .22s ease;\n    }\n\n    .cc-carrypro .cc-feature:hover {\n      transform:\n        translateY(-2px);\n\n      border-color:\n        rgba(196,98,45,.30);\n\n      box-shadow:\n        0 9px 20px rgba(44,44,44,.10);\n    }\n\n    .cc-carrypro .cc-feature::after {\n      content:\n        \"\";\n\n      position:\n        absolute;\n\n      width:\n        48px;\n\n      height:\n        48px;\n\n      right:\n        -24px;\n\n      top:\n        -24px;\n\n      border-radius:\n        50%;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(196,98,45,.16),\n          rgba(196,98,45,0)\n        );\n    }\n\n    .cc-carrypro .cc-feature-number {\n      display:\n        flex;\n\n      align-items:\n        center;\n\n      justify-content:\n        center;\n\n      width:\n        24px;\n\n      height:\n        24px;\n\n      margin:\n        0 0 7px;\n\n      border-radius:\n        50%;\n\n      background:\n        linear-gradient(\n          135deg,\n          #C4622D,\n          #9E451F\n        );\n\n      color:\n        #FFFFFF;\n\n      font-size:\n        9px;\n\n      font-weight:\n        900;\n\n      box-shadow:\n        0 4px 10px rgba(196,98,45,.25);\n    }\n\n    .cc-carrypro .cc-feature-title {\n      display:\n        block;\n\n      margin:\n        0 0 4px !important;\n\n      color:\n        var(--charcoal-dark);\n\n      font-size:\n        11.5px;\n\n      line-height:\n        1.25;\n\n      font-weight:\n        850;\n    }\n\n    .cc-carrypro .cc-feature-text {\n      display:\n        block;\n\n      color:\n        var(--charcoal);\n\n      font-size:\n        10.5px;\n\n      line-height:\n        1.42;\n\n      font-weight:\n        500;\n    }\n\n\n    \/* =========================================\n       SOUTH AFRICAN TRAVEL SECTION\n    ========================================== *\/\n\n    .cc-carrypro .cc-sa {\n      color:\n        var(--offwhite);\n\n      border:\n        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-carrypro .cc-sa::before {\n      background:\n        linear-gradient(\n          135deg,\n          rgba(196,98,45,.25),\n          transparent\n        );\n    }\n\n    .cc-carrypro .cc-sa .cc-section-title {\n      color:\n        #FFFFFF;\n    }\n\n    .cc-carrypro .cc-sa .cc-section-title::before {\n      background:\n        linear-gradient(\n          180deg,\n          #F3A47C,\n          #C4622D\n        );\n    }\n\n    .cc-carrypro .cc-sa p {\n      position:\n        relative;\n\n      z-index:\n        2;\n\n      margin:\n        0 !important;\n\n      color:\n        rgba(245,240,232,.94);\n\n      font-size:\n        12.5px;\n\n      line-height:\n        1.58;\n    }\n\n\n    \/* =========================================\n       PRODUCT DETAILS\n    ========================================== *\/\n\n    .cc-carrypro .cc-detail-grid {\n      display:\n        grid;\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap:\n        8px;\n\n      margin:\n        0;\n    }\n\n    .cc-carrypro .cc-detail {\n      min-width:\n        0;\n\n      padding:\n        12px 11px;\n\n      border-radius:\n        13px;\n\n      border:\n        1px solid rgba(138,138,138,.17);\n\n      background:\n        linear-gradient(\n          145deg,\n          #FFFFFF,\n          #EEE9E1\n        );\n\n      box-shadow:\n        0 5px 13px rgba(44,44,44,.055);\n\n      transition:\n        transform .22s ease,\n        box-shadow .22s ease;\n    }\n\n    .cc-carrypro .cc-detail:hover {\n      transform:\n        translateY(-2px);\n\n      box-shadow:\n        0 9px 18px rgba(44,44,44,.09);\n    }\n\n    .cc-carrypro .cc-detail-label {\n      display:\n        block;\n\n      margin:\n        0 0 4px !important;\n\n      color:\n        var(--burnt-dark);\n\n      font-size:\n        10px;\n\n      line-height:\n        1.2;\n\n      font-weight:\n        850;\n\n      text-transform:\n        uppercase;\n\n      letter-spacing:\n        .045em;\n    }\n\n    .cc-carrypro .cc-detail-value {\n      display:\n        block;\n\n      color:\n        var(--charcoal);\n\n      font-size:\n        11px;\n\n      line-height:\n        1.4;\n\n      font-weight:\n        600;\n    }\n\n\n    \/* =========================================\n       CLOSING CTA\n    ========================================== *\/\n\n    .cc-carrypro .cc-closing {\n      position:\n        relative;\n\n      margin:\n        16px 0 0 !important;\n\n      padding:\n        15px 16px;\n\n      border-radius:\n        16px;\n\n      overflow:\n        hidden;\n\n      color:\n        #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-carrypro .cc-closing::after {\n      content:\n        \"\";\n\n      position:\n        absolute;\n\n      width:\n        130px;\n\n      height:\n        130px;\n\n      right:\n        -75px;\n\n      top:\n        -75px;\n\n      border:\n        1px solid rgba(255,255,255,.16);\n\n      border-radius:\n        50%;\n    }\n\n    .cc-carrypro .cc-closing p {\n      position:\n        relative;\n\n      z-index:\n        2;\n\n      margin:\n        0 !important;\n\n      color:\n        #FFFFFF;\n\n      font-size:\n        14px;\n\n      line-height:\n        1.3;\n\n      font-weight:\n        800;\n\n      text-align:\n        center;\n    }\n\n\n    \/* =========================================\n       MOBILE OPTIMISATION\n    ========================================== *\/\n\n    @media (max-width: 380px) {\n\n      .cc-carrypro .cc-hero {\n        padding:\n          23px 16px 26px;\n      }\n\n      .cc-carrypro .cc-content {\n        padding:\n          0 10px;\n      }\n\n      .cc-carrypro .cc-section {\n        padding:\n          17px 13px;\n\n        margin:\n          13px 0 !important;\n      }\n\n      .cc-carrypro .cc-section-title {\n        font-size:\n          15px;\n      }\n\n      .cc-carrypro .cc-hero-description {\n        font-size:\n          12px;\n      }\n\n      .cc-carrypro .cc-intro-text {\n        font-size:\n          11.5px;\n      }\n\n      .cc-carrypro .cc-feature-title {\n        font-size:\n          10.5px;\n      }\n\n      .cc-carrypro .cc-feature-text {\n        font-size:\n          9.5px;\n      }\n\n      .cc-carrypro .cc-sa p {\n        font-size:\n          11.5px;\n      }\n\n      .cc-carrypro .cc-detail-value {\n        font-size:\n          10px;\n      }\n\n      .cc-carrypro .cc-closing p {\n        font-size:\n          13px;\n      }\n    }\n\n\n    \/* =========================================\n       TABLET \/ DESKTOP\n    ========================================== *\/\n\n    @media (min-width: 600px) {\n\n      .cc-carrypro .cc-hero {\n        padding:\n          38px 32px 40px;\n\n        border-radius:\n          0 0 30px 30px;\n      }\n\n      .cc-carrypro .cc-content {\n        max-width:\n          850px;\n\n        margin:\n          0 auto;\n\n        padding:\n          0 20px;\n      }\n\n      .cc-carrypro .cc-section {\n        padding:\n          23px 21px;\n      }\n\n      .cc-carrypro .cc-feature-grid {\n        grid-template-columns:\n          repeat(3, minmax(0,1fr));\n      }\n\n      .cc-carrypro .cc-detail-grid {\n        grid-template-columns:\n          repeat(2, minmax(0,1fr));\n      }\n\n      .cc-carrypro .cc-sa p {\n        font-size:\n          13px;\n      }\n    }\n\n\n    \/* =========================================\n       ANIMATIONS\n    ========================================== *\/\n\n    @keyframes ccCarryProReveal {\n\n      from {\n        opacity:\n          0;\n\n        transform:\n          translateY(8px);\n      }\n\n      to {\n        opacity:\n          1;\n\n        transform:\n          translateY(0);\n      }\n\n    }\n\n    @keyframes ccCarryProFloat {\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-carrypro *,\n      .cc-carrypro *::before,\n      .cc-carrypro *::after {\n\n        animation:\n          none !important;\n\n        transition:\n          none !important;\n      }\n\n    }\n\n  \u003c\/style\u003e\n\u003cdiv class=\"cc-carrypro\"\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 CarryCollective™️\u003c\/div\u003e\n\u003ch2\u003eMeet the CarryCollective™️ CarryPro Duffel\u003c\/h2\u003e\n\u003cp class=\"cc-hero-description\"\u003eMeet the CarryCollective™️ CarryPro Duffel, a smart, spacious travel bag designed to keep your best outfit packed neatly and ready to wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cc-content\"\u003e\n\u003c!-- =========================================\n         SUIT STORAGE\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eBuilt for Smart Packing\u003c\/h3\u003e\n\u003cp class=\"cc-intro-text\"\u003eBuilt specifically with suit storage in mind, the full-open garment section helps keep a suit or long jacket separate from the rest of your packing. No suit on the itinerary? Use the same space for extra shirts, trousers, dresses, gym clothing, or other garments when you need more wardrobe storage.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         FEATURES\n    ========================================== --\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch3 class=\"cc-section-title\"\u003eOrganised packing, without the chaos\u003c\/h3\u003e\n\u003cdiv class=\"cc-feature-grid\"\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-number\"\u003e 01\u003c\/span\u003e \u003cspan class=\"cc-feature-title\"\u003e 50L large capacity \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Enough room for approximately 4–7 days of travel, depending on how you pack. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-number\"\u003e 02\u003c\/span\u003e \u003cspan class=\"cc-feature-title\"\u003e Full-open suit storage \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Designed to accommodate up to 2–3 suits or long jackets, depending on garment thickness. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-number\"\u003e 03\u003c\/span\u003e \u003cspan class=\"cc-feature-title\"\u003e 10 practical pockets \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Separate clothing, tech, toiletries, documents, and everyday essentials inside and outside the bag. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-number\"\u003e 04\u003c\/span\u003e \u003cspan class=\"cc-feature-title\"\u003e Independent shoe compartment \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Keep shoes separated from clean clothing and ready to grab. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-number\"\u003e 05\u003c\/span\u003e \u003cspan class=\"cc-feature-title\"\u003e Rear trolley sleeve \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Secure the duffel over your suitcase handle for easier airport and station travel. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-number\"\u003e 06\u003c\/span\u003e \u003cspan class=\"cc-feature-title\"\u003e Wear-resistant textured canvas \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e A durable cotton-and-linen canvas-style finish with refined brown accents. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-number\"\u003e 07\u003c\/span\u003e \u003cspan class=\"cc-feature-title\"\u003e Hanger straps and secure zippers \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Helpful details for keeping garments tidy while you travel. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cspan class=\"cc-feature-number\"\u003e 08\u003c\/span\u003e \u003cspan class=\"cc-feature-title\"\u003e Lightweight travel design \u003c\/span\u003e \u003cspan class=\"cc-feature-text\"\u003e Spacious enough for serious packing without feeling like you are carrying a full suitcase. \u003c\/span\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 are flying from Johannesburg to Cape Town, travelling between provinces for work, heading to a weekend wedding or party, or packing for a short getaway, the CarryPro Duffel keeps your smart clothes protected and your essentials organised.\u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003eIt is also ideal for gym-goers who need to take their best outfit from the gym to dinner, an event, or the office. Pack your suit, workwear, or going-out look cleanly in the garment section, then use the main duffel space for shoes, casual clothes, toiletries, and everything else you need.\u003c\/p\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\u003cspan class=\"cc-detail-label\"\u003e Dimensions \u003c\/span\u003e \u003cspan class=\"cc-detail-value\"\u003e 50 cm × 30 cm × 28 cm \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cspan class=\"cc-detail-label\"\u003e Capacity \u003c\/span\u003e \u003cspan class=\"cc-detail-value\"\u003e Approximately 50L \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cspan class=\"cc-detail-label\"\u003e Design \u003c\/span\u003e \u003cspan class=\"cc-detail-value\"\u003e Full-open suit storage and travel duffel in one \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-detail\"\u003e\n\u003cspan class=\"cc-detail-label\"\u003e Best for \u003c\/span\u003e \u003cspan class=\"cc-detail-value\"\u003e Business trips, gym-to-event days, weddings, parties, weekends away, and organised everyday travel \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n         FINAL CTA\n    ========================================== --\u003e\n\u003cdiv class=\"cc-closing\"\u003e\n\u003cp\u003ePack your outfit once, keep it in place, and arrive ready to go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CarryCollective™","offers":[{"title":"Default Title","offer_id":46081784217791,"sku":null,"price":1799.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/5796\/1919\/files\/ChatGPTImageAug24_2026_01_23_16PM.png?v=1787572898"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/5796\/1919\/collections\/burnt-orange-and-charcoal-travel-image.png?v=1787834731","url":"https:\/\/carrycollective.co.za\/collections\/move-freely.oembed","provider":"CarryCollective™","version":"1.0","type":"link"}