{"product_id":"atlas-multipurpose-vest-lightweight-everyday-carry","title":"Atlas Multipurpose Vest — Lightweight Everyday Carry","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700\u0026family=Montserrat:wght@300;400;600;700\u0026display=swap');\n\n  .atlas-premium { font-family: 'Montserrat', sans-serif; background-color: #000; color: #fff; padding: 60px 28px; max-width: 820px; margin: 0 auto; position: relative; overflow: hidden; border: 1px solid rgba(201,168,76,0.2); }\n  .ac { position: absolute; width: 24px; height: 24px; }\n  .ac.tl { top: 14px; left: 14px; border-top: 2px solid #C9A84C; border-left: 2px solid #C9A84C; }\n  .ac.tr { top: 14px; right: 14px; border-top: 2px solid #C9A84C; border-right: 2px solid #C9A84C; }\n  .ac.bl { bottom: 14px; left: 14px; border-bottom: 2px solid #C9A84C; border-left: 2px solid #C9A84C; }\n  .ac.br { bottom: 14px; right: 14px; border-bottom: 2px solid #C9A84C; border-right: 2px solid #C9A84C; }\n  @keyframes fadeUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }\n  @keyframes goldShimmer { 0% { background-position:-200% center; } 100% { background-position:200% center; } }\n  @keyframes growLine { from { width:0; } to { width:100%; } }\n  @keyframes subtlePulse { 0%,100% { opacity:.7; } 50% { opacity:1; } }\n  .gold { background: linear-gradient(90deg, #8B6914 0%, #D4AF37 30%, #FFF0A0 50%, #D4AF37 70%, #8B6914 100%); background-size: 100% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: goldShimmer 4s linear infinite; font-weight: 700; }\n  .ap-hero { text-align: center; padding: 30px 0 10px; }\n  .ap-hero h1 { font-family: 'Cormorant Garamond', serif; font-size: 3em; font-weight: 700; letter-spacing: 6px; text-transform: uppercase; line-height: 1.2; margin: 0 0 6px; animation: fadeUp 0.9s ease forwards; }\n  .ap-hero h1 .brand { display: block; background: linear-gradient(90deg, #8B6914 0%, #D4AF37 30%, #FFF0A0 50%, #D4AF37 70%, #8B6914 100%); background-size: 100% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: goldShimmer 4s linear infinite; }\n  .ap-hero h1 .subtitle { display: block; font-size: 0.55em; letter-spacing: 5px; color: #fff; -webkit-text-fill-color: #fff; margin-top: 6px; }\n  .ap-hero .tm { font-size: 0.45em; vertical-align: super; }\n  .ap-hero h2 { font-size: 0.72em; font-weight: 400; letter-spacing: 9px; color: #fff; text-transform: uppercase; animation: fadeUp 1.1s ease 0.3s both; margin: 14px 0 0; }\n  .ap-line { display: flex; align-items: center; gap: 14px; margin: 32px auto; max-width: 300px; }\n  .ap-line span { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #C9A84C, transparent); }\n  .ap-line i { color: #C9A84C; font-style: normal; font-size: 0.75em; }\n  .ap-intro { text-align: center; color: #ccc; line-height: 2; font-size: 0.88em; font-weight: 300; margin-bottom: 50px; }\n  .ap-intro strong { color: #fff; font-weight: 700; }\n  .ap-label { text-align: center; font-size: 0.58em; letter-spacing: 7px; text-transform: uppercase; background: linear-gradient(90deg, #8B6914 0%, #D4AF37 40%, #FFF0A0 50%, #D4AF37 60%, #8B6914 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: goldShimmer 5s linear infinite; margin-bottom: 8px; font-weight: 700; }\n  .ap-label-line { width: 40px; height: 1px; background: linear-gradient(90deg, transparent, #C9A84C, transparent); margin: 0 auto 28px; }\n  .ap-section { margin: 48px 0; opacity: 1; transform: translateY(0); transition: opacity 0.7s ease, transform 0.7s ease; }\n  .ap-cards { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }\n  .ap-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(201,168,76,0.3); border-radius: 10px; padding: 20px 14px; text-align: center; flex: 1 1 120px; max-width: 140px; transition: all 0.35s ease; }\n  .ap-card:hover { border-color: #C9A84C; transform: translateY(-6px); background: rgba(201,168,76,0.08); box-shadow: 0 12px 30px rgba(0,0,0,0.5); }\n  .ap-card .ico { font-size: 1.7em; margin-bottom: 10px; }\n  .ap-card .lbl { font-size: 0.68em; color: #ccc; letter-spacing: 1px; line-height: 1.5; font-weight: 400; }\n  .ap-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }\n  .ap-list li { background: rgba(255,255,255,0.03); border: 1px solid rgba(201,168,76,0.25); border-radius: 6px; padding: 11px 20px; font-size: 0.82em; color: #ddd; display: flex; align-items: center; gap: 10px; opacity: 1; transform: translateX(0); transition: border-color 0.3s; font-weight: 400; }\n  .ap-list li:hover { border-color: #C9A84C; color: #fff; }\n  .ap-list li::before { content: '✦'; color: #C9A84C; font-size: 0.65em; flex-shrink: 0; }\n  .ap-pills { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }\n  .ap-pill { border: 1px solid rgba(201,168,76,0.3); border-radius: 50px; padding: 9px 22px; font-size: 0.68em; letter-spacing: 2.5px; text-transform: uppercase; color: #ccc; opacity: 1; transform: scale(1); transition: all 0.4s ease; font-weight: 500; }\n  .ap-pill:hover { border-color: #C9A84C; color: #D4AF37; background: rgba(201,168,76,0.07); }\n  .ap-value { border-top: 1px solid #C9A84C; border-bottom: 1px solid #C9A84C; padding: 22px 10px; text-align: center; margin: 40px 0; background: rgba(201,168,76,0.04); }\n  .ap-value p { font-size: 0.78em; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #fff; margin: 0; }\n  .ap-value span { color: #C9A84C; }\n  .ap-close { text-align: center; padding: 40px 10px 10px; }\n  .ap-close p.body { color: #bbb; font-size: 0.85em; line-height: 1.9; font-weight: 300; margin-bottom: 30px; }\n  .ap-close p.body strong { color: #fff; font-weight: 700; }\n  .ap-close .mantra { font-size: 0.72em; font-weight: 700; letter-spacing: 4px; color: #fff; text-transform: uppercase; margin-bottom: 10px; }\n  .ap-close h2 { font-family: 'Cormorant Garamond', serif; font-size: 1.8em; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; position: relative; display: inline-block; margin: 0 0 20px; background: linear-gradient(90deg, #8B6914 0%, #D4AF37 30%, #FFF0A0 50%, #D4AF37 70%, #8B6914 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: goldShimmer 5s linear infinite; }\n  .ap-close h2::after { content: ''; position: absolute; bottom: -8px; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, #C9A84C, transparent); animation: growLine 1.4s ease 0.5s forwards; }\n  .ap-close .tagline { color: #C9A84C; letter-spacing: 5px; font-size: 0.68em; text-transform: uppercase; font-weight: 700; animation: subtlePulse 3s ease infinite; margin-top: 16px; }\n\u003c\/style\u003e\n\u003cdiv class=\"atlas-premium\"\u003e\n\u003cdiv class=\"ac tl\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac tr\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac bl\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac br\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ap-hero\"\u003e\n\u003ch1\u003e\n\u003cspan class=\"brand\"\u003e\u003cspan class=\"gold\"\u003eATLAS\u003c\/span\u003e\u003cspan class=\"tm\"\u003e™\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"subtitle\"\u003e— Multipurpose Vest —\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003ch2\u003eCarry Everything. Feel Nothing.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ap-line\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003ci\u003e◆\u003c\/i\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"ap-intro\"\u003eSome gear just holds your things. The \u003cstrong\u003e\u003cspan class=\"gold\"\u003eATLAS\u003c\/span\u003e™ Multipurpose Vest\u003c\/strong\u003e is engineered to disappear on your body while keeping every essential exactly where you need it.\u003cbr\u003e\u003cbr\u003eCrafted for those who demand more from their kit — trail runners, cyclists, commuters, and explorers who refuse to compromise between performance and style.\u003c\/p\u003e\n\u003cdiv class=\"ap-section\"\u003e\n\u003cp class=\"ap-label\"\u003eBuilt For\u003c\/p\u003e\n\u003cdiv class=\"ap-label-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ap-cards\"\u003e\n\u003cdiv class=\"ap-card\"\u003e\n\u003cdiv class=\"ico\"\u003e🏃\u003c\/div\u003e\n\u003cdiv class=\"lbl\"\u003eTrail Running\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ap-card\"\u003e\n\u003cdiv class=\"ico\"\u003e🚴\u003c\/div\u003e\n\u003cdiv class=\"lbl\"\u003eCycling\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ap-card\"\u003e\n\u003cdiv class=\"ico\"\u003e🥾\u003c\/div\u003e\n\u003cdiv class=\"lbl\"\u003eHiking \u0026amp; Trails\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ap-value ap-section\"\u003e\n\u003cp\u003eEngineered for \u003cspan\u003ePerformance\u003c\/span\u003e · Designed for \u003cspan\u003eLife\u003c\/span\u003e · Built to \u003cspan\u003eLast\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ap-section\"\u003e\n\u003cp class=\"ap-label\"\u003eWhat You Can Carry\u003c\/p\u003e\n\u003cdiv class=\"ap-label-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul class=\"ap-list\"\u003e\n\u003cli\u003eWater Bottle\u003c\/li\u003e\n\u003cli\u003ePhone\u003c\/li\u003e\n\u003cli\u003eCar Keys\u003c\/li\u003e\n\u003cli\u003eWallet\u003c\/li\u003e\n\u003cli\u003eEarphones\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ap-section\"\u003e\n\u003cp class=\"ap-label\"\u003ePremium Features\u003c\/p\u003e\n\u003cdiv class=\"ap-label-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ap-pills\"\u003e\n\u003cdiv class=\"ap-pill\"\u003eUltra-Lightweight\u003c\/div\u003e\n\u003cdiv class=\"ap-pill\"\u003eBreathable Mesh\u003c\/div\u003e\n\u003cdiv class=\"ap-pill\"\u003eSecure Zippers\u003c\/div\u003e\n\u003cdiv class=\"ap-pill\"\u003eAdjustable Fit\u003c\/div\u003e\n\u003cdiv class=\"ap-pill\"\u003eWater-Resistant\u003c\/div\u003e\n\u003cdiv class=\"ap-pill\"\u003eUnisex Design\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ap-close ap-section\"\u003e\n\u003cp class=\"mantra\"\u003eMove Smarter. Carry Lighter. Perform Better.\u003c\/p\u003e\n\u003ch2\u003eBuilt for the Trail. Ready for Life.\u003c\/h2\u003e\n\u003cp class=\"body\"\u003eThe \u003cstrong\u003e\u003cspan class=\"gold\"\u003eATLAS\u003c\/span\u003e™ Multipurpose Vest\u003c\/strong\u003e isn't just gear — it's a statement. A commitment to moving through the world with intention, efficiency, and style. When you wear \u003cspan class=\"gold\"\u003eATLAS\u003c\/span\u003e, you carry everything you need and nothing you don't.\u003c\/p\u003e\n\u003cp class=\"tagline\"\u003e\u003cspan class=\"gold\"\u003eATLAS\u003c\/span\u003e™ — Carry Everything. Feel Nothing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Atlas","offers":[{"title":"Black","offer_id":45286626951303,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey","offer_id":45286626984071,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0747\/2388\/5191\/files\/ChatGPTImageJun22_2026_09_48_46PM.png?v=1782767487","url":"https:\/\/myatlas.co.za\/products\/atlas-multipurpose-vest-lightweight-everyday-carry","provider":"Atlas","version":"1.0","type":"link"}