{"title":"Best Sellers","description":null,"products":[{"product_id":"carrycollective™-pack-go-dispenser-4-in-1-refillable-travel-toiletry-bottle","title":"CarryCollective™ Pack \u0026 Go Dispenser","description":"\u003cstyle\u003e\n\/* =========================================================\n CARRYCOLLECTIVE™ PACK \u0026 GO DISPENSER\n VERSION 3 — PREMIUM EDITORIAL\n ========================================================= *\/\n\n.cc-v3 {\n --orange: #C4622D;\n --orange-2: #E19A72;\n --orange-dark: #A74F24;\n --slate: #8A8A8A;\n --charcoal: #2C2C2C;\n --cream: #F5F0E8;\n --white: #FFFFFF;\n\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n\n \/* Reduced bottom spacing for sticky Add to Cart *\/\n padding: 12px 14px 75px;\n\n color: var(--charcoal);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif;\n\n overflow: hidden;\n}\n\n.cc-v3 *,\n.cc-v3 *::before,\n.cc-v3 *::after {\n box-sizing: border-box;\n}\n\n.cc-v3 h1,\n.cc-v3 h2,\n.cc-v3 h3,\n.cc-v3 p {\n margin: 0;\n padding: 0;\n word-break: normal;\n overflow-wrap: normal;\n hyphens: none;\n}\n\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.cc-v3-hero {\n position: relative;\n overflow: hidden;\n\n padding: 34px 21px 31px;\n\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 102% -5%,\n rgba(196,98,45,.48) 0%,\n rgba(196,98,45,.18) 22%,\n rgba(196,98,45,0) 50%\n ),\n radial-gradient(\n circle at -8% 108%,\n rgba(138,138,138,.18) 0%,\n rgba(138,138,138,0) 42%\n ),\n linear-gradient(\n 135deg,\n #FFFDF9 0%,\n #F8F2EB 47%,\n #E9DBD1 100%\n );\n\n border: 1px solid rgba(196,98,45,.14);\n\n box-shadow:\n 0 28px 70px rgba(44,44,44,.12),\n inset 0 1px 0 rgba(255,255,255,.95);\n\n animation: ccV3Reveal .8s ease both;\n}\n\n.cc-v3-hero::before {\n content: \"\";\n\n position: absolute;\n\n width: 240px;\n height: 240px;\n\n top: -155px;\n right: -95px;\n\n border-radius: 50%;\n\n background:\n linear-gradient(\n 135deg,\n rgba(196,98,45,.62),\n rgba(196,98,45,.02)\n );\n\n filter: blur(1px);\n\n pointer-events: none;\n}\n\n.cc-v3-hero::after {\n content: \"\";\n\n position: absolute;\n\n width: 130px;\n height: 130px;\n\n right: 17%;\n bottom: -100px;\n\n border-radius: 50%;\n\n background:\n rgba(196,98,45,.08);\n\n filter: blur(12px);\n\n pointer-events: none;\n}\n\n.cc-v3-hero-content {\n position: relative;\n z-index: 2;\n}\n\n.cc-v3-mini {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n\n margin-bottom: 16px;\n\n color: var(--orange);\n\n font-size: 9px;\n line-height: 1;\n\n font-weight: 850;\n\n letter-spacing: .17em;\n text-transform: uppercase;\n}\n\n.cc-v3-mini::before {\n content: \"\";\n\n width: 19px;\n height: 2px;\n\n border-radius: 99px;\n\n background:\n linear-gradient(\n 90deg,\n var(--orange),\n var(--orange-2)\n );\n}\n\n.cc-v3-hero h1 {\n max-width: 790px;\n\n font-size: clamp(29px, 7.3vw, 62px);\n line-height: .99;\n\n letter-spacing: -.055em;\n\n font-weight: 850;\n}\n\n.cc-v3-hero h1 .accent {\n background:\n linear-gradient(\n 105deg,\n var(--orange-dark) 0%,\n var(--orange) 48%,\n var(--orange-2) 100%\n );\n\n -webkit-background-clip: text;\n background-clip: text;\n\n color: transparent;\n}\n\n.cc-v3-rule {\n width: 100%;\n max-width: 420px;\n\n height: 1px;\n\n margin-top: 21px;\n\n background:\n linear-gradient(\n 90deg,\n rgba(196,98,45,.55),\n rgba(196,98,45,.12),\n transparent\n );\n}\n\n\n\/* =========================================================\n INTRODUCTION\n ========================================================= *\/\n\n.cc-v3-intro {\n position: relative;\n\n margin-top: 13px;\n\n padding: 23px 20px;\n\n border-radius: 23px;\n\n background:\n rgba(255,255,255,.72);\n\n border: 1px solid rgba(255,255,255,.85);\n\n box-shadow:\n 0 17px 45px rgba(44,44,44,.065);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation: ccV3Reveal .8s .08s ease both;\n}\n\n.cc-v3-intro::before {\n content: \"\";\n\n position: absolute;\n\n left: 0;\n top: 20px;\n bottom: 20px;\n\n width: 3px;\n\n border-radius: 99px;\n\n background:\n linear-gradient(\n 180deg,\n var(--orange),\n var(--orange-2)\n );\n\n box-shadow:\n 0 0 16px rgba(196,98,45,.25);\n}\n\n.cc-v3-intro p {\n padding-left: 9px;\n\n font-size: 13.5px;\n line-height: 1.68;\n\n letter-spacing: -.005em;\n}\n\n.cc-v3-intro p + p {\n margin-top: 14px;\n}\n\n\n\/* =========================================================\n SOUTH AFRICA FEATURE\n ========================================================= *\/\n\n.cc-v3-feature {\n position: relative;\n\n margin-top: 13px;\n\n padding: 27px 21px;\n\n border-radius: 26px;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(225,154,114,.38),\n rgba(225,154,114,0) 42%\n ),\n radial-gradient(\n circle at 0% 100%,\n rgba(138,138,138,.14),\n rgba(138,138,138,0) 40%\n ),\n linear-gradient(\n 135deg,\n #2C2C2C 0%,\n #343332 52%,\n #58453C 100%\n );\n\n box-shadow:\n 0 25px 60px rgba(44,44,44,.19);\n\n animation: ccV3Reveal .8s .16s ease both;\n}\n\n.cc-v3-feature::before {\n content: \"\";\n\n position: absolute;\n\n width: 280px;\n height: 280px;\n\n right: -145px;\n top: -145px;\n\n border-radius: 50%;\n\n border: 1px solid rgba(255,255,255,.09);\n\n box-shadow:\n 0 0 0 35px rgba(255,255,255,.025),\n 0 0 0 70px rgba(255,255,255,.018);\n\n pointer-events: none;\n}\n\n.cc-v3-feature::after {\n content: \"\";\n\n position: absolute;\n\n width: 180px;\n height: 180px;\n\n left: -120px;\n bottom: -125px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(196,98,45,.20),\n transparent 70%\n );\n\n pointer-events: none;\n}\n\n.cc-v3-feature-content {\n position: relative;\n z-index: 2;\n}\n\n.cc-v3-feature-label {\n margin-bottom: 11px;\n\n color: var(--orange-2);\n\n font-size: 9px;\n line-height: 1;\n\n font-weight: 850;\n\n letter-spacing: .17em;\n text-transform: uppercase;\n}\n\n.cc-v3-feature h2 {\n max-width: 780px;\n\n color: #FFFFFF;\n\n font-size: clamp(22px, 5.5vw, 38px);\n line-height: 1.05;\n\n letter-spacing: -.04em;\n\n font-weight: 850;\n}\n\n.cc-v3-feature h2 span {\n background:\n linear-gradient(\n 90deg,\n #FFFFFF,\n #F0B99C 50%,\n #C4622D\n );\n\n -webkit-background-clip: text;\n background-clip: text;\n\n color: transparent;\n}\n\n.cc-v3-feature-copy {\n margin-top: 14px;\n\n max-width: 900px;\n\n color: rgba(255,255,255,.86);\n\n font-size: 13.5px;\n line-height: 1.68;\n}\n\n\n\/* =========================================================\n WHAT'S IN THE BOX\n ========================================================= *\/\n\n.cc-v3-box {\n margin-top: 13px;\n\n padding: 24px 20px;\n\n border-radius: 25px;\n\n background:\n linear-gradient(\n 145deg,\n #FFFFFF 0%,\n #F8F4EE 52%,\n #EEE1D7 100%\n );\n\n border: 1px solid rgba(44,44,44,.07);\n\n box-shadow:\n 0 19px 46px rgba(44,44,44,.07);\n\n animation: ccV3Reveal .8s .32s ease both;\n}\n\n.cc-v3-box-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n gap: 12px;\n\n margin-bottom: 16px;\n}\n\n.cc-v3-box h2 {\n font-size: clamp(21px, 5vw, 32px);\n line-height: 1.05;\n\n letter-spacing: -.04em;\n\n font-weight: 850;\n}\n\n.cc-v3-box-mark {\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 35px;\n height: 35px;\n\n flex: 0 0 35px;\n\n border-radius: 11px;\n\n background:\n linear-gradient(\n 135deg,\n var(--orange),\n var(--orange-2)\n );\n\n box-shadow:\n 0 7px 17px rgba(196,98,45,.23);\n}\n\n.cc-v3-box-mark::before {\n content: \"\";\n\n width: 13px;\n height: 9px;\n\n border-left: 2px solid #fff;\n border-bottom: 2px solid #fff;\n\n transform: rotate(-45deg) translateY(-2px);\n}\n\n.cc-v3-items {\n display: grid;\n gap: 8px;\n}\n\n.cc-v3-item {\n display: grid;\n\n grid-template-columns: 30px minmax(0, 1fr);\n\n align-items: center;\n\n gap: 10px;\n\n padding: 11px 12px;\n\n border-radius: 15px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(255,255,255,.97),\n rgba(255,255,255,.63)\n );\n\n border: 1px solid rgba(44,44,44,.055);\n\n box-shadow:\n 0 7px 18px rgba(44,44,44,.045);\n\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n}\n\n.cc-v3-item:hover {\n transform: translateY(-2px);\n\n box-shadow:\n 0 11px 25px rgba(44,44,44,.085);\n}\n\n.cc-v3-item-number {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 30px;\n height: 30px;\n\n border-radius: 10px;\n\n color: #FFFFFF;\n\n background:\n linear-gradient(\n 135deg,\n var(--orange),\n var(--orange-dark)\n );\n\n font-size: 10px;\n font-weight: 850;\n\n box-shadow:\n 0 5px 13px rgba(196,98,45,.23);\n}\n\n.cc-v3-item p {\n font-size: 12.5px;\n line-height: 1.4;\n\n font-weight: 650;\n}\n\n\n\/* =========================================================\n AVAILABLE COLOURS\n ========================================================= *\/\n\n.cc-v3-colours {\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n gap: 14px;\n\n margin-top: 13px;\n\n padding: 18px 19px;\n\n border-radius: 20px;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 100% 50%,\n rgba(196,98,45,.32),\n rgba(196,98,45,0) 46%\n ),\n linear-gradient(\n 110deg,\n #2C2C2C,\n #3B3937 55%,\n #55423A 100%\n );\n\n box-shadow:\n 0 17px 42px rgba(44,44,44,.16);\n\n animation: ccV3Reveal .8s .40s ease both;\n}\n\n.cc-v3-colours-text {\n color: #FFFFFF;\n\n font-size: 12.5px;\n line-height: 1.35;\n\n font-weight: 700;\n}\n\n.cc-v3-swatches {\n display: flex;\n gap: 7px;\n\n flex-shrink: 0;\n}\n\n.cc-v3-swatch {\n width: 28px;\n height: 28px;\n\n border-radius: 50%;\n\n border: 2px solid rgba(255,255,255,.88);\n\n box-shadow:\n 0 4px 14px rgba(0,0,0,.24);\n}\n\n.cc-v3-green {\n background:\n linear-gradient(\n 135deg,\n #4E6C45,\n #829B73\n );\n}\n\n.cc-v3-white {\n background:\n linear-gradient(\n 135deg,\n #FFFFFF,\n #E7E3DC\n );\n}\n\n\n\/* =========================================================\n STICKY ADD TO CART SAFE AREA\n Reduced to prevent excessive blank space\n ========================================================= *\/\n\n.cc-v3-safe {\n width: 100%;\n height: 15px;\n}\n\n\n\/* =========================================================\n ANIMATION\n ========================================================= *\/\n\n@keyframes ccV3Reveal {\n\n from {\n opacity: 0;\n transform: translateY(18px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n\n}\n\n\n\/* =========================================================\n TABLET\n ========================================================= *\/\n\n@media (min-width: 600px) {\n\n .cc-v3 {\n padding-left: 22px;\n padding-right: 22px;\n padding-bottom: 75px;\n }\n\n .cc-v3-hero {\n padding: 44px 40px 40px;\n border-radius: 31px;\n }\n\n .cc-v3-intro,\n .cc-v3-feature,\n .cc-v3-box {\n padding-left: 33px;\n padding-right: 33px;\n }\n\n .cc-v3-intro p,\n .cc-v3-feature-copy {\n font-size: 14.5px;\n }\n\n .cc-v3-items {\n grid-template-columns: 1fr 1fr;\n }\n\n}\n\n\n\/* =========================================================\n DESKTOP\n ========================================================= *\/\n\n@media (min-width: 900px) {\n\n .cc-v3 {\n padding-top: 24px;\n padding-bottom: 75px;\n }\n\n .cc-v3-hero {\n min-height: 390px;\n\n display: flex;\n align-items: flex-end;\n\n padding: 58px 58px 53px;\n }\n\n .cc-v3-intro {\n padding: 37px 46px;\n }\n\n .cc-v3-feature {\n padding: 42px 46px;\n }\n\n .cc-v3-box {\n padding: 40px 46px;\n }\n\n .cc-v3-intro p,\n .cc-v3-feature-copy {\n max-width: 940px;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL PHONES\n ========================================================= *\/\n\n@media (max-width: 360px) {\n\n .cc-v3 {\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 75px;\n }\n\n .cc-v3-hero {\n padding: 27px 17px 25px;\n border-radius: 22px;\n }\n\n .cc-v3-intro,\n .cc-v3-feature,\n .cc-v3-box {\n padding-left: 16px;\n padding-right: 16px;\n\n border-radius: 20px;\n }\n\n .cc-v3-intro p,\n .cc-v3-feature-copy {\n font-size: 12.5px;\n }\n\n .cc-v3-item p {\n font-size: 11.5px;\n }\n\n}\n\n\n\/* =========================================================\n REDUCED MOTION\n ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .cc-v3 *,\n .cc-v3 *::before,\n .cc-v3 *::after {\n animation: none !important;\n transition: none !important;\n }\n\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"cc-v3\"\u003e\n\u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\u003csection class=\"cc-v3-hero\"\u003e\n\u003cdiv class=\"cc-v3-hero-content\"\u003e\n\u003cdiv class=\"cc-v3-mini\"\u003eCarryCollective™\u003c\/div\u003e\n\u003ch1\u003eOne Bottle. \u003cspan class=\"accent\"\u003eEvery Liquid.\u003c\/span\u003e Everywhere.\u003c\/h1\u003e\n\u003cdiv class=\"cc-v3-rule\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n INTRODUCTION\n ======================================================= --\u003e\n\u003csection class=\"cc-v3-intro\"\u003e\n\u003cp\u003eMeet the CarryCollective™ Pack \u0026amp; Go Dispenser — the smarter way to carry your toiletries. Whether you're heading to the gym, catching a flight, or just keeping your bathroom clutter-free, this 4-in-1 refillable dispenser has you covered.\u003c\/p\u003e\n\u003cp\u003eFill it with your favourite shampoo, conditioner, body wash, face wash — or anything else you need. Four individual pump bottles slot neatly into one compact, leak-proof body. One bottle to carry. Everything you need inside.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n SOUTH AFRICAN LIFESTYLE\n ======================================================= --\u003e\n\u003csection class=\"cc-v3-feature\"\u003e\n\u003cdiv class=\"cc-v3-feature-content\"\u003e\n\u003cdiv class=\"cc-v3-feature-label\"\u003eMade for the SA Lifestyle\u003c\/div\u003e\n\u003ch2\u003eMade for \u003cspan\u003eSouth Africans.\u003c\/span\u003e\u003cbr\u003eBuilt for the SA Lifestyle.\u003c\/h2\u003e\n\u003cp class=\"cc-v3-feature-copy\"\u003eFrom Joburg gym sessions to Cape Town weekend getaways, from Durban beach trips to bush braais — South Africans are always on the move. The Pack \u0026amp; Go Dispenser was made for exactly that. No more leaking bottles in your bag, no more buying travel-size products that run out too fast, and no more cluttered bathroom shelves. Just one smart bottle that goes wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n WHAT'S IN THE BOX\n ======================================================= --\u003e\n\u003csection class=\"cc-v3-box\"\u003e\n\u003cdiv class=\"cc-v3-box-header\"\u003e\n\u003ch2\u003eWhat's in the Box\u003c\/h2\u003e\n\u003cdiv class=\"cc-v3-box-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-items\"\u003e\n\u003cdiv class=\"cc-v3-item\"\u003e\n\u003cdiv class=\"cc-v3-item-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003e1x CarryCollective™ Pack \u0026amp; Go Dispenser body\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-item\"\u003e\n\u003cdiv class=\"cc-v3-item-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003e4x Refillable pump bottles with measurement markings\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-item\"\u003e\n\u003cdiv class=\"cc-v3-item-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003e1x Set of label stickers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n AVAILABLE COLOURS\n ======================================================= --\u003e\n\u003csection class=\"cc-v3-colours\"\u003e\n\u003cdiv class=\"cc-v3-colours-text\"\u003eAvailable in Green and White.\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-swatches\"\u003e\n\u003cdiv class=\"cc-v3-swatch cc-v3-green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cc-v3-swatch cc-v3-white\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n SMALL SAFE SPACE FOR STICKY ADD TO CART\n ======================================================= --\u003e\n\u003cdiv class=\"cc-v3-safe\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CarryCollective™","offers":[{"title":"White","offer_id":45857711915199,"sku":null,"price":349.99,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":45857711947967,"sku":null,"price":349.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/5796\/1919\/files\/ChatGPT_Image_Aug_16_2026_04_37_03_PM.png?v=1786891131"},{"product_id":"carrycollective™-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"},{"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"},{"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"}],"url":"https:\/\/carrycollective.co.za\/collections\/best-sellers.oembed","provider":"CarryCollective™","version":"1.0","type":"link"}