{"title":"WE THINK YOU'LL CART THIS","description":"\u003cp\u003eA few more lifestyle essentials worth adding to your collection.\u003c\/p\u003e","products":[{"product_id":"cart-society™-plush-spa-headband-combo","title":"Cart Society™ Self-Care Essential","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =====================================================\n CART SOCIETY™ SELF-CARE SET\n PREMIUM ANIMATED PRODUCT DESCRIPTION\n===================================================== *\/\n\n.cs-selfcare {\n --cs-cream: #fcf9f7;\n --cs-blush: #f3e5e7;\n --cs-blush-dark: #e3c8cd;\n --cs-brown: #302827;\n --cs-soft-brown: #756866;\n --cs-gold: #ae9270;\n --cs-white: #ffffff;\n\n position: relative;\n overflow: hidden;\n background: var(--cs-cream);\n color: var(--cs-brown);\n font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n border-radius: 28px;\n margin: 25px 0;\n}\n\n\/* --------------------------------\n BACKGROUND\n-------------------------------- *\/\n\n.cs-selfcare::before {\n content: \"\";\n position: absolute;\n width: 420px;\n height: 420px;\n border-radius: 50%;\n background: rgba(243,229,231,.65);\n top: -180px;\n right: -150px;\n animation: csFloat 8s ease-in-out infinite;\n}\n\n.cs-selfcare::after {\n content: \"\";\n position: absolute;\n width: 280px;\n height: 280px;\n border-radius: 50%;\n background: rgba(227,200,205,.25);\n bottom: -120px;\n left: -100px;\n animation: csFloat 10s ease-in-out infinite reverse;\n}\n\n@keyframes csFloat {\n 0%,100% {\n transform: translate(0,0);\n }\n 50% {\n transform: translate(-15px,20px);\n }\n}\n\n\/* --------------------------------\n INNER\n-------------------------------- *\/\n\n.cs-inner {\n max-width: 1100px;\n margin: auto;\n padding: 70px 25px;\n position: relative;\n z-index: 2;\n}\n\n\/* --------------------------------\n HERO\n-------------------------------- *\/\n\n.cs-hero {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 65px;\n}\n\n.cs-eyebrow {\n display: inline-block;\n color: var(--cs-gold);\n font-size: 10px;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 18px;\n\n opacity: 0;\n animation: csFadeUp .8s ease forwards;\n}\n\n.cs-hero h2 {\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(40px, 6vw, 68px);\n line-height: 1.02;\n font-weight: 400;\n letter-spacing: -2px;\n margin: 0 0 25px;\n\n opacity: 0;\n animation: csFadeUp .9s ease .15s forwards;\n}\n\n.cs-hero h2 em {\n font-style: italic;\n}\n\n.cs-intro {\n color: var(--cs-soft-brown);\n font-size: 16px;\n line-height: 1.85;\n max-width: 650px;\n margin: auto;\n\n opacity: 0;\n animation: csFadeUp .9s ease .3s forwards;\n}\n\n@keyframes csFadeUp {\n from {\n opacity: 0;\n transform: translateY(25px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* --------------------------------\n PROBLEM SECTION\n-------------------------------- *\/\n\n.cs-problem {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin-bottom: 65px;\n}\n\n.cs-problem-card {\n background: rgba(255,255,255,.7);\n border: 1px solid rgba(174,146,112,.13);\n border-radius: 24px;\n padding: 35px;\n box-shadow: 0 15px 45px rgba(50,35,35,.06);\n transition: all .4s ease;\n}\n\n.cs-problem-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 25px 55px rgba(50,35,35,.11);\n}\n\n.cs-problem-card.bad {\n background: #faf4f3;\n}\n\n.cs-problem-card.good {\n background: #f2e5e7;\n}\n\n.cs-problem-icon {\n font-size: 28px;\n margin-bottom: 18px;\n}\n\n.cs-problem-card h3 {\n font-family: Georgia, serif;\n font-weight: 400;\n font-size: 25px;\n margin: 0 0 12px;\n}\n\n.cs-problem-card p {\n color: var(--cs-soft-brown);\n font-size: 14px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* --------------------------------\n HOW IT WORKS\n-------------------------------- *\/\n\n.cs-section-title {\n text-align: center;\n margin-bottom: 35px;\n}\n\n.cs-section-title span {\n display: block;\n color: var(--cs-gold);\n font-size: 10px;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.cs-section-title h3 {\n font-family: Georgia, serif;\n font-weight: 400;\n font-size: 38px;\n margin: 0;\n}\n\n.cs-steps {\n display: grid;\n grid-template-columns: repeat(4,1fr);\n gap: 15px;\n margin-bottom: 70px;\n}\n\n.cs-step {\n position: relative;\n background: white;\n border-radius: 22px;\n padding: 28px 20px;\n text-align: center;\n border: 1px solid rgba(174,146,112,.12);\n transition: all .4s ease;\n}\n\n.cs-step:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 45px rgba(50,35,35,.09);\n}\n\n.cs-number {\n width: 38px;\n height: 38px;\n margin: 0 auto 18px;\n border-radius: 50%;\n background: var(--cs-blush);\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--cs-gold);\n font-size: 12px;\n font-weight: 600;\n}\n\n.cs-step h4 {\n font-family: Georgia, serif;\n font-weight: 400;\n font-size: 20px;\n margin: 0 0 10px;\n}\n\n.cs-step p {\n color: var(--cs-soft-brown);\n font-size: 13px;\n line-height: 1.65;\n margin: 0;\n}\n\n\/* --------------------------------\n BENEFITS\n-------------------------------- *\/\n\n.cs-benefits {\n background: #f4e7e9;\n border-radius: 30px;\n padding: 55px 35px;\n margin-bottom: 60px;\n position: relative;\n overflow: hidden;\n}\n\n.cs-benefits::before {\n content: \"CS\";\n position: absolute;\n right: -10px;\n top: -55px;\n font-family: Georgia, serif;\n font-size: 180px;\n color: rgba(255,255,255,.3);\n pointer-events: none;\n}\n\n.cs-benefit-grid {\n display: grid;\n grid-template-columns: repeat(3,1fr);\n gap: 18px;\n position: relative;\n z-index: 2;\n}\n\n.cs-benefit {\n background: rgba(255,255,255,.72);\n padding: 28px 22px;\n border-radius: 20px;\n transition: all .35s ease;\n}\n\n.cs-benefit:hover {\n background: white;\n transform: translateY(-6px);\n}\n\n.cs-benefit-icon {\n font-size: 24px;\n margin-bottom: 14px;\n}\n\n.cs-benefit h4 {\n font-family: Georgia, serif;\n font-size: 19px;\n font-weight: 400;\n margin: 0 0 8px;\n}\n\n.cs-benefit p {\n color: var(--cs-soft-brown);\n font-size: 13px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* --------------------------------\n WATER FEATURE\n-------------------------------- *\/\n\n.cs-water {\n text-align: center;\n padding: 65px 25px;\n margin-bottom: 50px;\n position: relative;\n}\n\n.cs-water-circle {\n width: 145px;\n height: 145px;\n border-radius: 50%;\n margin: 0 auto 30px;\n background: linear-gradient(145deg,#fff,#f0dfe2);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 58px;\n box-shadow:\n 0 20px 60px rgba(65,45,45,.12),\n inset 0 0 0 1px rgba(174,146,112,.12);\n\n animation: csPulse 4s ease-in-out infinite;\n}\n\n@keyframes csPulse {\n 0%,100% {\n transform: scale(1);\n box-shadow: 0 20px 60px rgba(65,45,45,.12);\n }\n\n 50% {\n transform: scale(1.05);\n box-shadow: 0 25px 70px rgba(65,45,45,.17);\n }\n}\n\n.cs-water h3 {\n font-family: Georgia, serif;\n font-size: clamp(32px,5vw,50px);\n font-weight: 400;\n margin: 0 0 15px;\n}\n\n.cs-water h3 em {\n font-style: italic;\n}\n\n.cs-water p {\n max-width: 600px;\n margin: auto;\n color: var(--cs-soft-brown);\n line-height: 1.8;\n font-size: 15px;\n}\n\n\/* --------------------------------\n FREE GIFT\n-------------------------------- *\/\n\n.cs-gift {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 18px;\n background: white;\n border: 1px solid rgba(174,146,112,.18);\n border-radius: 20px;\n padding: 22px;\n margin-bottom: 55px;\n box-shadow: 0 12px 35px rgba(50,35,35,.05);\n}\n\n.cs-gift-icon {\n font-size: 28px;\n animation: csGift 2.5s ease-in-out infinite;\n}\n\n@keyframes csGift {\n 0%,100% {\n transform: translateY(0) rotate(0);\n }\n\n 50% {\n transform: translateY(-5px) rotate(4deg);\n }\n}\n\n.cs-gift strong {\n font-size: 13px;\n letter-spacing: .5px;\n}\n\n.cs-gift small {\n display: block;\n color: var(--cs-soft-brown);\n font-size: 11px;\n margin-top: 4px;\n}\n\n\/* --------------------------------\n PERFECT FOR\n-------------------------------- *\/\n\n.cs-perfect {\n text-align: center;\n margin-bottom: 60px;\n}\n\n.cs-perfect h3 {\n font-family: Georgia, serif;\n font-size: 34px;\n font-weight: 400;\n margin: 0 0 25px;\n}\n\n.cs-tags {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 9px;\n}\n\n.cs-tag {\n padding: 10px 16px;\n border-radius: 50px;\n background: white;\n border: 1px solid rgba(174,146,112,.15);\n color: var(--cs-soft-brown);\n font-size: 12px;\n transition: all .3s ease;\n}\n\n.cs-tag:hover {\n background: var(--cs-brown);\n color: white;\n transform: translateY(-3px);\n}\n\n\/* --------------------------------\n FINAL CTA\n-------------------------------- *\/\n\n.cs-final {\n text-align: center;\n border-top: 1px solid rgba(174,146,112,.15);\n padding-top: 55px;\n}\n\n.cs-final h3 {\n font-family: Georgia, serif;\n font-size: clamp(30px,4vw,45px);\n font-weight: 400;\n margin: 0 0 12px;\n}\n\n.cs-final h3 em {\n font-style: italic;\n}\n\n.cs-final p {\n color: var(--cs-soft-brown);\n font-size: 14px;\n margin-bottom: 25px;\n}\n\n.cs-brand {\n color: var(--cs-gold);\n font-size: 10px;\n letter-spacing: 3px;\n text-transform: uppercase;\n}\n\n\/* --------------------------------\n MOBILE\n-------------------------------- *\/\n\n@media (max-width: 750px) {\n\n .cs-inner {\n padding: 55px 18px;\n }\n\n .cs-hero h2 {\n font-size: 43px;\n }\n\n .cs-problem {\n grid-template-columns: 1fr;\n }\n\n .cs-steps {\n grid-template-columns: 1fr 1fr;\n }\n\n .cs-benefit-grid {\n grid-template-columns: 1fr;\n }\n\n .cs-benefits {\n padding: 40px 20px;\n }\n\n .cs-water {\n padding: 50px 10px;\n }\n\n .cs-perfect h3 {\n font-size: 30px;\n }\n\n}\n\n@media (max-width: 480px) {\n\n .cs-steps {\n grid-template-columns: 1fr;\n }\n\n .cs-gift {\n justify-content: flex-start;\n text-align: left;\n }\n\n}\n\n\/* Accessibility *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .cs-selfcare *,\n .cs-selfcare::before,\n .cs-selfcare::after {\n animation: none !important;\n transition: none !important;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"cs-selfcare\"\u003e\n\u003cdiv class=\"cs-inner\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cs-hero\"\u003e\n\u003cdiv class=\"cs-eyebrow\"\u003eCART SOCIETY™ • SELF-CARE ESSENTIAL\u003c\/div\u003e\n\u003ch2\u003eYour beauty routine,\u003cbr\u003ewithout the \u003cem\u003emess.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cs-intro\"\u003eMeet the little beauty essential that makes your everyday routine feel easier. Keep your hair back, catch those unwanted drips and enjoy your skincare routine without the usual mess.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PROBLEM → SOLUTION --\u003e\n\u003cdiv class=\"cs-problem\"\u003e\n\u003cdiv class=\"cs-problem-card bad\"\u003e\n\u003cdiv class=\"cs-problem-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003eThe usual routine\u003c\/h3\u003e\n\u003cp\u003eWater running down your arms. Wet sleeves. Hair falling into your face. Constantly stopping what you're doing to wipe everything down.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-problem-card good\"\u003e\n\u003cdiv class=\"cs-problem-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eThe Cart Society™ way\u003c\/h3\u003e\n\u003cp\u003eHair kept comfortably away from your face while absorbent wristbands help catch water at your wrists — making your routine feel cleaner, easier and more enjoyable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"cs-section-title\"\u003e\n\u003cspan\u003eSimple by design\u003c\/span\u003e\n\u003ch3\u003eHow it works\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps\"\u003e\n\u003cdiv class=\"cs-step\"\u003e\n\u003cdiv class=\"cs-number\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eSecure\u003c\/h4\u003e\n\u003cp\u003eSlip on the plush headband and keep your hair comfortably away from your face.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step\"\u003e\n\u003cdiv class=\"cs-number\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eWear\u003c\/h4\u003e\n\u003cp\u003ePlace one absorbent wristband around each wrist before starting your routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step\"\u003e\n\u003cdiv class=\"cs-number\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eEnjoy\u003c\/h4\u003e\n\u003cp\u003eCleanse, mask or get ready without constantly pushing your hair back or wiping water from your arms.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step\"\u003e\n\u003cdiv class=\"cs-number\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eReuse\u003c\/h4\u003e\n\u003cp\u003eWash the set after use and it's ready to become part of your next self-care moment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"cs-section-title\"\u003e\n\u003cspan\u003eThe little things matter\u003c\/span\u003e\n\u003ch3\u003eWhy you'll love it\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefits\"\u003e\n\u003cdiv class=\"cs-benefit-grid\"\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e☁️\u003c\/div\u003e\n\u003ch4\u003eSoft \u0026amp; Comfortable\u003c\/h4\u003e\n\u003cp\u003ePlush material feels soft against your skin while keeping your hair comfortably in place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eHelps Stop Drips\u003c\/h4\u003e\n\u003cp\u003eAbsorbent wristbands help catch water before it travels down your arms.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003eHands-Free Routine\u003c\/h4\u003e\n\u003cp\u003eKeep your hair back so you can focus on cleansing, masking and getting ready.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch4\u003eWash \u0026amp; Reuse\u003c\/h4\u003e\n\u003cp\u003eDesigned for repeated use, making it an easy everyday beauty essential.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e🧳\u003c\/div\u003e\n\u003ch4\u003eTravel Friendly\u003c\/h4\u003e\n\u003cp\u003eLightweight and easy to pack into your beauty bag or luggage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e🧖♀️\u003c\/div\u003e\n\u003ch4\u003eAt-Home Spa Feel\u003c\/h4\u003e\n\u003cp\u003eTurn an ordinary skincare routine into a more comfortable self-care ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WATER MESSAGE --\u003e\n\u003cdiv class=\"cs-water\"\u003e\n\u003cdiv class=\"cs-water-circle\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eLess dripping.\u003cbr\u003eMore \u003cem\u003eself-care.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003eThe wristbands sit comfortably around your wrists and help absorb water as you wash your face, helping prevent it from travelling down your arms and turning your routine into a clean-up session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FREE GIFT --\u003e\n\u003cdiv class=\"cs-gift\"\u003e\n\u003cdiv class=\"cs-gift-icon\"\u003e🎀\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e FREE HAIRCLIP INCLUDED WITH YOUR ORDER \u003c\/strong\u003e \u003csmall\u003e A little extra from Cart Society™ to complete your routine. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PERFECT FOR --\u003e\n\u003cdiv class=\"cs-perfect\"\u003e\n\u003ch3\u003eMade for your everyday moments.\u003c\/h3\u003e\n\u003cdiv class=\"cs-tags\"\u003e\n\u003cdiv class=\"cs-tag\"\u003eSkincare\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eCleansing\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eFace Masks\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eMakeup\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eSpa Days\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eGetting Ready\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eTravel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL MESSAGE --\u003e\n\u003cdiv class=\"cs-final\"\u003e\n\u003ch3\u003eMake your routine\u003cbr\u003efeel a little more \u003cem\u003eeffortless.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003eBecause self-care should feel good — not messy.\u003c\/p\u003e\n\u003cdiv class=\"cs-brand\"\u003eCART SOCIETY™\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"Cart Society","offers":[{"title":"Light Pink","offer_id":54589069361462,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":true},{"title":"Hot Pink","offer_id":67622728991030,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":false},{"title":"Purple","offer_id":54589069459766,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":54589069426998,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":54589069394230,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/pink.png?v=1787508277"},{"product_id":"led-makeup-mirror-tablet","title":"Cart Society™ LED Tablet Makeup Mirror","description":"\n\u003cstyle\u003e\n\/* =========================================\n CART SOCIETY™ — PREMIUM PRODUCT SECTION\n ========================================= *\/\n\n.cs {\n --ink: #1d1a18;\n --soft-ink: #766f68;\n --gold: #b08b68;\n --gold-light: #d8c0a7;\n --cream: #f8f6f2;\n --card: #ffffff;\n --line: #e9e4de;\n\n position: relative;\n overflow: hidden;\n padding: 90px 24px;\n background:\n radial-gradient(circle at 15% 15%, rgba(176,139,104,.10), transparent 30%),\n radial-gradient(circle at 85% 70%, rgba(216,192,167,.14), transparent 28%),\n var(--cream);\n color: var(--ink);\n font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n\/* Soft animated background glow *\/\n.cs::before,\n.cs::after {\n content: \"\";\n position: absolute;\n width: 420px;\n height: 420px;\n border-radius: 50%;\n pointer-events: none;\n filter: blur(10px);\n opacity: .45;\n animation:floatGlow 10s ease-in-out infinite alternate;\n}\n\n.cs::before {\n top: -180px;\n right: -140px;\n background: radial-gradient(circle, rgba(176,139,104,.18), transparent 68%);\n}\n\n.cs::after {\n bottom: -220px;\n left: -140px;\n background: radial-gradient(circle, rgba(216,192,167,.22), transparent 68%);\n animation-delay: -4s;\n}\n\n.cs-inner {\n position: relative;\n z-index: 2;\n max-width: 980px;\n margin: auto;\n}\n\n\/* Brand label *\/\n.cs-brand {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 22px;\n color: var(--gold);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n animation:fadeUp .8s ease both;\n}\n\n.cs-brand::before,\n.cs-brand::after {\n content: \"\";\n width: 28px;\n height: 1px;\n background: currentColor;\n opacity: .65;\n}\n\n\/* Heading *\/\n.cs h2 {\n max-width: 800px;\n margin: 0 auto;\n font-size: clamp(42px, 6vw, 72px);\n line-height: .98;\n letter-spacing: -3.8px;\n font-weight: 500;\n animation:fadeUp .9s ease .08s both;\n}\n\n.cs h2 em {\n font-family: Georgia, \"Times New Roman\", serif;\n font-weight: 400;\n letter-spacing: -2px;\n}\n\n.cs-intro {\n max-width: 650px;\n margin: 26px auto 55px;\n color: var(--soft-ink);\n font-size: 15px;\n line-height: 1.8;\n animation:fadeUp .9s ease .16s both;\n}\n\n\/* Product highlight pill *\/\n.cs-product {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 34px;\n padding: 9px 16px;\n border: 1px solid rgba(176,139,104,.22);\n border-radius: 50px;\n background: rgba(255,255,255,.62);\n backdrop-filter: blur(10px);\n color: #806044;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .4px;\n animation:fadeUp .8s ease .12s both;\n}\n\n.cs-product-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--gold);\n box-shadow: 0 0 0 6px rgba(176,139,104,.10);\n animation:pulse 2.2s ease-in-out infinite;\n}\n\n\/* Feature grid *\/\n.cs-box {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n text-align: left;\n}\n\n\/* Premium card *\/\n.cs-item {\n position: relative;\n overflow: hidden;\n min-height: 180px;\n padding: 25px 23px;\n border: 1px solid var(--line);\n border-radius: 20px;\n background: rgba(255,255,255,.82);\n box-shadow: 0 10px 35px rgba(34,26,19,.025);\n transition:\n transform .45s cubic-bezier(.2,.8,.2,1),\n box-shadow .45s ease,\n border-color .45s ease;\n animation:fadeUp .8s ease both;\n}\n\n.cs-item::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(\n 135deg,\n rgba(255,255,255,.85),\n transparent 45%\n );\n pointer-events: none;\n}\n\n.cs-item::after {\n content: \"\";\n position: absolute;\n width: 140px;\n height: 140px;\n right: -65px;\n bottom: -75px;\n border-radius: 50%;\n background: rgba(176,139,104,.07);\n transition: transform .5s ease;\n}\n\n.cs-item:hover {\n transform: translateY(-7px);\n border-color: rgba(176,139,104,.32);\n box-shadow: 0 22px 55px rgba(40,30,22,.10);\n}\n\n.cs-item:hover::after {\n transform: scale(1.45);\n}\n\n\/* Feature number *\/\n.cs-number {\n position: relative;\n z-index: 2;\n display: block;\n margin-bottom: 26px;\n color: var(--gold);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n}\n\n.cs-item strong {\n position: relative;\n z-index: 2;\n display: block;\n margin-bottom: 9px;\n font-size: 14px;\n font-weight: 650;\n letter-spacing: -.2px;\n}\n\n.cs-item span {\n position: relative;\n z-index: 2;\n display: block;\n color: var(--soft-ink);\n font-size: 11.5px;\n line-height: 1.65;\n}\n\n\/* Staggered animation *\/\n.cs-item:nth-child(1) { animation-delay: .18s; }\n.cs-item:nth-child(2) { animation-delay: .26s; }\n.cs-item:nth-child(3) { animation-delay: .34s; }\n.cs-item:nth-child(4) { animation-delay: .42s; }\n.cs-item:nth-child(5) { animation-delay: .50s; }\n.cs-item:nth-child(6) { animation-delay: .58s; }\n\n\/* Bottom CTA *\/\n.cs-bottom {\n position: relative;\n margin-top: 65px;\n padding: 55px 25px 10px;\n border-top: 1px solid var(--line);\n animation:fadeUp .9s ease .55s both;\n}\n\n.cs-bottom::before {\n content: \"CS\";\n position: absolute;\n left: 50%;\n top: -19px;\n transform: translateX(-50%);\n width: 38px;\n height: 38px;\n display: grid;\n place-items: center;\n border: 1px solid var(--line);\n border-radius: 50%;\n background: var(--cream);\n color: var(--gold);\n font-family: Georgia, serif;\n font-size: 12px;\n}\n\n.cs-bottom h3 {\n margin: 0 0 13px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4vw, 42px);\n font-weight: 400;\n letter-spacing: -1.5px;\n}\n\n.cs-bottom p {\n max-width: 520px;\n margin: 0 auto 28px;\n color: var(--soft-ink);\n font-size: 13px;\n line-height: 1.7;\n}\n\n\/* Premium CTA *\/\n.cs-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 13px;\n overflow: hidden;\n padding: 16px 29px;\n border-radius: 100px;\n background: var(--ink);\n color: #fff !important;\n text-decoration: none !important;\n font-size: 12px;\n font-weight: 650;\n letter-spacing: .2px;\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.cs-button::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -130%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.18),\n transparent\n );\n transform: skewX(-25deg);\n transition: left .7s ease;\n}\n\n.cs-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 16px 35px rgba(25,24,22,.20);\n}\n\n.cs-button:hover::before {\n left: 160%;\n}\n\n.cs-arrow {\n font-size: 17px;\n line-height: 0;\n transition: transform .3s ease;\n}\n\n.cs-button:hover .cs-arrow {\n transform: translateX(4px);\n}\n\n\/* Animations *\/\n@keyframes fadeUp {\n from {\n opacity: 0;\n transform: translateY(22px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes floatGlow {\n from {\n transform: translate3d(0, 0, 0) scale(1);\n }\n to {\n transform: translate3d(30px, 45px, 0) scale(1.15);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n box-shadow: 0 0 0 6px rgba(176,139,104,.10);\n }\n 50% {\n box-shadow: 0 0 0 10px rgba(176,139,104,.04);\n }\n}\n\n\/* Mobile *\/\n@media (max-width: 760px) {\n .cs {\n padding: 65px 16px;\n }\n\n .cs h2 {\n font-size: 46px;\n letter-spacing: -2.5px;\n }\n\n .cs-box {\n grid-template-columns: 1fr;\n }\n\n .cs-item {\n min-height: auto;\n padding: 22px;\n }\n\n .cs-bottom {\n margin-top: 48px;\n padding-top: 50px;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n .cs *,\n .cs::before,\n .cs::after {\n animation: none !important;\n transition: none !important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"cs\"\u003e\n\n \u003cdiv class=\"cs-inner\"\u003e\n\n \u003cdiv class=\"cs-brand\"\u003e\n Cart Society™\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-product\"\u003e\n \u003cspan class=\"cs-product-dot\"\u003e\u003c\/span\u003e\n Cart Society™ LED Tablet Makeup Mirror\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Beauty, \u003cem\u003ein a better light.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"cs-intro\"\u003e\n Meet the Cart Society™ LED Tablet Makeup Mirror — a sleek,\n rechargeable beauty essential designed to give you beautiful,\n adjustable lighting wherever your routine takes you.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"cs-box\"\u003e\n\n \u003cdiv class=\"cs-item\"\u003e\n \u003cspan class=\"cs-number\"\u003e01\u003c\/span\u003e\n \u003cstrong\u003eThree Light Modes\u003c\/strong\u003e\n \u003cspan\u003e\n Switch between three lighting modes to create the perfect\n brightness for makeup application, skincare and everyday beauty.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-item\"\u003e\n \u003cspan class=\"cs-number\"\u003e02\u003c\/span\u003e\n \u003cstrong\u003eUSB Type-C Rechargeable\u003c\/strong\u003e\n \u003cspan\u003e\n Recharge easily with the included Type-C charging connection\n and enjoy convenient cordless use.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-item\"\u003e\n \u003cspan class=\"cs-number\"\u003e03\u003c\/span\u003e\n \u003cstrong\u003eTablet-Inspired Design\u003c\/strong\u003e\n \u003cspan\u003e\n Sleek, slim and beautifully modern — designed to complement\n your space without unnecessary bulk.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-item\"\u003e\n \u003cspan class=\"cs-number\"\u003e04\u003c\/span\u003e\n \u003cstrong\u003eProtective Folding Cover\u003c\/strong\u003e\n \u003cspan\u003e\n Close the mirror neatly into its elegant tablet-style cover\n for a clean, polished and protected finish.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-item\"\u003e\n \u003cspan class=\"cs-number\"\u003e05\u003c\/span\u003e\n \u003cstrong\u003eAdjustable Viewing\u003c\/strong\u003e\n \u003cspan\u003e\n Position your mirror comfortably for your beauty routine\n and find the angle that works best for you.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-item\"\u003e\n \u003cspan class=\"cs-number\"\u003e06\u003c\/span\u003e\n \u003cstrong\u003eMade to Move\u003c\/strong\u003e\n \u003cspan\u003e\n A slim, portable design that makes it easy to take your\n perfect lighting from one space to another.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cs-bottom\"\u003e\n\n \u003ch3\u003e\n Your routine. \u003cem\u003ePerfectly illuminated.\u003c\/em\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Three light modes. Rechargeable convenience. A sleek tablet-style\n design. Everything you need to see every detail beautifully.\n \u003c\/p\u003e\n\n \u003ca href=\"#product-form\" class=\"cs-button\"\u003e\n Discover Cart Society™\n \u003cspan class=\"cs-arrow\"\u003e→\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n```\n","brand":"Cart Society","offers":[{"title":"White","offer_id":67622761726262,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":67622761759030,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPT_Image_Aug_23_2026_10_59_45_PM.png?v=1787519116"},{"product_id":"premium-4-piece-hair-styling-set","title":"Premium 4-Piece Hair Styling Set","description":"\u003cstyle\u003e\n\n.cart-luxe-hair {\n\nmax-width:1200px;\nmargin:auto;\npadding:70px 20px;\nfont-family:\"Helvetica Neue\",Arial,sans-serif;\ncolor:#333333;\nbackground:#FFF9F3;\n\n}\n\n\n\/* HERO *\/\n\n.cart-hero {\n\ntext-align:center;\nanimation:fadeIn 1.2s ease;\n\n}\n\n\n.cart-hero h1 {\n\nfont-size:44px;\nfont-weight:600;\nletter-spacing:-1px;\ncolor:#2F2A28;\nmargin-bottom:15px;\n\n}\n\n\n.cart-subtitle {\n\nfont-size:18px;\nletter-spacing:1px;\ncolor:#C98F8A;\nmargin-bottom:40px;\n\n}\n\n\n\n\n\n\/* INTRO *\/\n\n.cart-intro {\n\nmax-width:850px;\nmargin:auto;\ntext-align:center;\nfont-size:17px;\nline-height:1.9;\ncolor:#665A56;\n\n}\n\n\n\n\n\/* BENEFITS *\/\n\n.cart-benefits {\n\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(280px,1fr));\ngap:25px;\nmargin-top:60px;\n\n}\n\n\n\n.cart-card {\n\nbackground:#FFFCF9;\n\nborder-radius:26px;\n\npadding:35px 30px;\n\nborder:1px solid #F2DDD6;\n\nbox-shadow:\n0 15px 40px rgba(210,160,150,.12);\n\ntransition:.4s ease;\n\nanimation:slideUp .9s ease;\n\n}\n\n\n\n.cart-card:hover {\n\ntransform:translateY(-10px);\n\nbox-shadow:\n0 25px 60px rgba(210,160,150,.22);\n\n}\n\n\n\n\n.cart-icon {\n\nheight:60px;\nwidth:60px;\n\ndisplay:flex;\nalign-items:center;\njustify-content:center;\n\nborder-radius:50%;\n\nbackground:#F9E1DD;\n\nfont-size:28px;\n\nmargin-bottom:20px;\n\n}\n\n\n\n.cart-card h3 {\n\nfont-size:21px;\n\nfont-weight:600;\n\ncolor:#352E2B;\n\nmargin-bottom:12px;\n\n}\n\n\n\n.cart-card p {\n\nfont-size:15.5px;\n\nline-height:1.7;\n\ncolor:#766863;\n\n}\n\n\n\n\n\n\/* INCLUDED *\/\n\n.cart-set {\n\nmargin-top:75px;\n\nbackground:\n\nlinear-gradient(\n135deg,\n#FCEDEA,\n#FFF9F3\n);\n\npadding:55px 40px;\n\nborder-radius:35px;\n\nborder:1px solid #F1D5D0;\n\nbox-shadow:\n0 20px 50px rgba(210,160,150,.12);\n\n}\n\n\n\n.cart-set h2 {\n\ntext-align:center;\n\nfont-size:34px;\n\ncolor:#352E2B;\n\nmargin-bottom:40px;\n\n}\n\n\n\n\n.cart-product {\n\ndisplay:flex;\n\ngap:18px;\n\nmargin-bottom:25px;\n\nalign-items:flex-start;\n\n}\n\n\n\n.cart-product span {\n\ncolor:#C98F8A;\n\nfont-size:24px;\n\n}\n\n\n\n.cart-product p {\n\nmargin:0;\n\nfont-size:16px;\n\nline-height:1.7;\n\ncolor:#554B47;\n\n}\n\n\n\n\n\/* PREMIUM END SECTION *\/\n\n\n.cart-final {\n\nmargin-top:70px;\n\nbackground:\n\nlinear-gradient(\n135deg,\n#FCEDEA,\n#FFFFFF\n);\n\npadding:65px 35px;\n\nborder-radius:35px;\n\ntext-align:center;\n\nborder:1px solid #F1D5D0;\n\nbox-shadow:\n\n0 20px 50px rgba(210,160,150,.15);\n\n}\n\n\n\n.cart-final h2 {\n\nfont-size:38px;\n\nfont-weight:600;\n\ncolor:#352E2B;\n\nmargin-bottom:20px;\n\n}\n\n\n\n.cart-final p {\n\nmax-width:800px;\n\nmargin:auto;\n\nfont-size:17px;\n\nline-height:1.9;\n\ncolor:#665A56;\n\n}\n\n\n\n.cart-brand {\n\nmargin-top:35px;\n\nfont-size:19px;\n\nletter-spacing:2px;\n\nfont-weight:600;\n\ncolor:#C98F8A;\n\n}\n\n\n\n\n\n\/* ANIMATIONS *\/\n\n\n@keyframes fadeIn {\n\nfrom {\n\nopacity:0;\n\n}\n\nto {\n\nopacity:1;\n\n}\n\n}\n\n\n\n\n@keyframes slideUp {\n\nfrom {\n\nopacity:0;\n\ntransform:translateY(40px);\n\n}\n\nto {\n\nopacity:1;\n\ntransform:translateY(0);\n\n}\n\n}\n\n\n\n\n\/* MOBILE *\/\n\n@media(max-width:600px){\n\n\n.cart-hero h1 {\n\nfont-size:30px;\n\n}\n\n\n.cart-subtitle {\n\nfont-size:15px;\n\n}\n\n\n.cart-final h2 {\n\nfont-size:28px;\n\n}\n\n\n.cart-set {\n\npadding:40px 25px;\n\n}\n\n\n}\n\n\u003c\/style\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-luxe-hair\"\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-hero\"\u003e\n\n\n\u003ch1\u003e\nPremium 4-Piece Hair Styling Set\n\u003c\/h1\u003e\n\n\n\u003cdiv class=\"cart-subtitle\"\u003e\n\nEffortless Beauty • Salon-Inspired Styling • Everyday Luxury\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"cart-intro\"\u003e\n\n\nElevate your everyday hair routine with a beautifully curated styling collection designed for women who appreciate elegance, precision, and effortless beauty.\n\n\u003cbr\u003e\u003cbr\u003e\n\nThe \u003cstrong\u003ePremium 4-Piece Hair Styling Set\u003c\/strong\u003e combines professional-inspired tools with a soft \u003cstrong\u003ewarm ivory and blush aesthetic\u003c\/strong\u003e, creating the perfect balance between functionality and feminine luxury.\n\n\u003cbr\u003e\u003cbr\u003e\n\nCreate sleek hairstyles, polished finishes, and salon-inspired looks from the comfort of your own home.\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"cart-benefits\"\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-card\"\u003e\n\n\u003cdiv class=\"cart-icon\"\u003e\n✨\n\u003c\/div\u003e\n\n\u003ch3\u003e\nSalon-Inspired Results\n\u003c\/h3\u003e\n\n\u003cp\u003e\nAchieve smooth, polished hairstyles with professional styling tools designed to help create flawless looks every day.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-card\"\u003e\n\n\u003cdiv class=\"cart-icon\"\u003e\n🌸\n\u003c\/div\u003e\n\n\u003ch3\u003e\nPrecision Styling Made Easy\n\u003c\/h3\u003e\n\n\u003cp\u003e\nPerfect clean partings, smooth flyaways, style edges, create sleek ponytails, and achieve refined finishing touches.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-card\"\u003e\n\n\u003cdiv class=\"cart-icon\"\u003e\n🤍\n\u003c\/div\u003e\n\n\u003ch3\u003e\nLuxury Feminine Design\n\u003c\/h3\u003e\n\n\u003cp\u003e\nFinished in elegant warm ivory and blush tones, this set adds beauty and sophistication to your everyday vanity.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-card\"\u003e\n\n\u003cdiv class=\"cart-icon\"\u003e\n🎀\n\u003c\/div\u003e\n\n\u003ch3\u003e\nComplete Styling Collection\n\u003c\/h3\u003e\n\n\u003cp\u003e\nEverything you need for smoothing, sectioning, braiding, buns, edges, and creating your favourite hairstyles.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-card\"\u003e\n\n\u003cdiv class=\"cart-icon\"\u003e\n👑\n\u003c\/div\u003e\n\n\u003ch3\u003e\nPremium Quality Feel\n\u003c\/h3\u003e\n\n\u003cp\u003e\nLightweight, durable, and comfortable tools designed for effortless everyday styling.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-card\"\u003e\n\n\u003cdiv class=\"cart-icon\"\u003e\n💗\n\u003c\/div\u003e\n\n\u003ch3\u003e\nFor Every Hair Type\n\u003c\/h3\u003e\n\n\u003cp\u003e\nPerfect for straight, wavy, curly, thick, fine, and textured hair styles.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"cart-set\"\u003e\n\n\n\u003ch2\u003e\nYour Complete Styling Ritual\n\u003c\/h2\u003e\n\n\n\n\n\n\u003cdiv class=\"cart-product\"\u003e\n\n\u003cspan\u003e\n✓\n\u003c\/span\u003e\n\n\u003cp\u003e\n\n\u003cstrong\u003e\nLuxury Paddle Brush\n\u003c\/strong\u003e\n\n\u003cbr\u003e\n\nSmooths and detangles while creating a sleek, polished finish.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cart-product\"\u003e\n\n\u003cspan\u003e\n✓\n\u003c\/span\u003e\n\n\u003cp\u003e\n\n\u003cstrong\u003e\nPrecision Styling Comb\n\u003c\/strong\u003e\n\n\u003cbr\u003e\n\nDesigned for controlled styling, smoothing, and refined details.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cart-product\"\u003e\n\n\u003cspan\u003e\n✓\n\u003c\/span\u003e\n\n\u003cp\u003e\n\n\u003cstrong\u003e\nProfessional Rat-Tail Comb\n\u003c\/strong\u003e\n\n\u003cbr\u003e\n\nCreates clean sections and precise partings for salon-inspired styles.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cart-product\"\u003e\n\n\u003cspan\u003e\n✓\n\u003c\/span\u003e\n\n\u003cp\u003e\n\n\u003cstrong\u003e\nEdge \u0026amp; Detail Brush\n\u003c\/strong\u003e\n\n\u003cbr\u003e\n\nPerfect for taming flyaways and creating flawless finishing touches.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"cart-final\"\u003e\n\n\n\u003ch2\u003e\nThe Art Of Beautiful Hair\n\u003c\/h2\u003e\n\n\n\u003cp\u003e\n\n\nEvery flawless hairstyle begins with the right tools.\n\n\u003cbr\u003e\u003cbr\u003e\n\nDesigned to bring confidence, elegance, and simplicity to your routine, the Premium 4-Piece Hair Styling Set transforms everyday grooming into a luxurious self-care experience.\n\n\u003cbr\u003e\u003cbr\u003e\n\n\u003cstrong\u003e\nBeautiful hair starts with beautiful tools.\n\u003c\/strong\u003e\n\n\n\u003c\/p\u003e\n\n\n\n\n\u003cdiv class=\"cart-brand\"\u003e\n\nPremium Hair Essentials\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003c\/div\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54432482132278,"sku":null,"price":99.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/hb_222.png?v=1787509738"},{"product_id":"cart-society™-3-tier-jewellery-accessories-organizer","title":"Cart Society™ 3-Tier Jewellery \u0026 Accessories Organizer","description":"\u003cstyle\u003e\n\n.cart-jewellery {\n\nmax-width:1200px;\nmargin:auto;\npadding:70px 20px;\nfont-family:\"Helvetica Neue\",Arial,sans-serif;\nbackground:#FFF9F3;\ncolor:#342E2B;\n\n}\n\n\n\n\/* HERO *\/\n\n.cj-hero {\n\ntext-align:center;\nanimation:fadeIn 1.2s ease;\n\n}\n\n\n.cj-hero h1 {\n\nfont-size:44px;\nfont-weight:600;\nletter-spacing:-1px;\nmargin-bottom:15px;\n\n}\n\n\n.cj-subtitle {\n\nfont-size:18px;\ncolor:#C98F8A;\nletter-spacing:1px;\n\n}\n\n\n\n\n\/* INTRO *\/\n\n.cj-intro {\n\nmax-width:850px;\nmargin:40px auto;\ntext-align:center;\n\nfont-size:17px;\n\nline-height:1.9;\n\ncolor:#665A56;\n\n}\n\n\n\n\n\n\/* BENEFITS *\/\n\n.cj-grid {\n\ndisplay:grid;\n\ngrid-template-columns:\nrepeat(auto-fit,minmax(280px,1fr));\n\ngap:25px;\n\nmargin-top:60px;\n\n}\n\n\n\n\n.cj-card {\n\nbackground:#FFFCF9;\n\npadding:35px 30px;\n\nborder-radius:26px;\n\nborder:1px solid #F2DDD6;\n\nbox-shadow:\n\n0 15px 40px rgba(210,160,150,.12);\n\ntransition:.4s ease;\n\nanimation:slideUp .9s ease;\n\n}\n\n\n\n.cj-card:hover {\n\ntransform:translateY(-10px);\n\nbox-shadow:\n\n0 25px 60px rgba(210,160,150,.22);\n\n}\n\n\n\n\n\n.cj-icon {\n\nheight:60px;\nwidth:60px;\n\nbackground:#F9E1DD;\n\nborder-radius:50%;\n\ndisplay:flex;\n\nalign-items:center;\n\njustify-content:center;\n\nfont-size:28px;\n\nmargin-bottom:20px;\n\n}\n\n\n\n\n\n.cj-card h3 {\n\nfont-size:21px;\n\nmargin-bottom:12px;\n\nfont-weight:600;\n\n}\n\n\n\n\n\n.cj-card p {\n\nfont-size:15.5px;\n\nline-height:1.7;\n\ncolor:#766863;\n\n}\n\n\n\n\n\n\/* PERFECT FOR SECTION *\/\n\n.cj-perfect {\n\nmargin-top:70px;\n\nbackground:\n\nlinear-gradient(\n135deg,\n#FCEDEA,\n#FFF9F3\n);\n\npadding:55px 40px;\n\nborder-radius:35px;\n\nborder:1px solid #F1D5D0;\n\n}\n\n\n\n.cj-perfect h2 {\n\ntext-align:center;\n\nfont-size:34px;\n\nmargin-bottom:35px;\n\n}\n\n\n\n\n.cj-list {\n\ndisplay:grid;\n\ngrid-template-columns:\nrepeat(auto-fit,minmax(220px,1fr));\n\ngap:20px;\n\n}\n\n\n\n.cj-item {\n\nbackground:white;\n\npadding:20px;\n\nborder-radius:18px;\n\ntext-align:center;\n\nborder:1px solid #F2DDD6;\n\nfont-size:16px;\n\n}\n\n\n\n\n\n\/* FEATURES *\/\n\n.cj-features {\n\nmargin-top:60px;\n\nbackground:#FFFFFF;\n\npadding:45px;\n\nborder-radius:30px;\n\nborder:1px solid #F2DDD6;\n\n}\n\n\n\n.cj-features h2 {\n\ntext-align:center;\n\nfont-size:32px;\n\nmargin-bottom:30px;\n\n}\n\n\n\n.cj-feature {\n\ndisplay:flex;\n\ngap:15px;\n\nmargin-bottom:18px;\n\nfont-size:16px;\n\n}\n\n\n\n.cj-feature span {\n\ncolor:#C98F8A;\n\nfont-size:22px;\n\n}\n\n\n\n\n\/* FINAL SALES BLOCK *\/\n\n\n.cj-final {\n\nmargin-top:70px;\n\npadding:65px 35px;\n\nborder-radius:35px;\n\ntext-align:center;\n\nbackground:\n\nlinear-gradient(\n135deg,\n#FCEDEA,\n#FFFFFF\n);\n\nborder:1px solid #F1D5D0;\n\nbox-shadow:\n\n0 20px 50px rgba(210,160,150,.15);\n\n}\n\n\n\n\n.cj-final h2 {\n\nfont-size:38px;\n\nmargin-bottom:20px;\n\n}\n\n\n\n\n.cj-final p {\n\nmax-width:800px;\n\nmargin:auto;\n\nfont-size:17px;\n\nline-height:1.9;\n\ncolor:#665A56;\n\n}\n\n\n\n.cj-brand {\n\nmargin-top:35px;\n\nfont-size:19px;\n\nletter-spacing:2px;\n\nfont-weight:600;\n\ncolor:#C98F8A;\n\n}\n\n\n\n\n\n\/* ANIMATION *\/\n\n\n@keyframes fadeIn {\n\nfrom {\nopacity:0;\n}\n\nto {\nopacity:1;\n}\n\n}\n\n\n\n@keyframes slideUp {\n\nfrom {\n\nopacity:0;\n\ntransform:translateY(40px);\n\n}\n\nto {\n\nopacity:1;\n\ntransform:translateY(0);\n\n}\n\n}\n\n\n\n\n@media(max-width:600px){\n\n.cj-hero h1 {\n\nfont-size:30px;\n\n}\n\n\n.cj-features {\n\npadding:30px 20px;\n\n}\n\n\n.cj-final h2 {\n\nfont-size:28px;\n\n}\n\n}\n\n\u003c\/style\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cart-jewellery\"\u003e\n\n\n\n\n\n\u003cdiv class=\"cj-hero\"\u003e\n\n\u003ch1\u003e\nCart Society™ 3-Tier Jewellery \u0026amp; Accessories Organizer\n\u003c\/h1\u003e\n\n\n\u003cdiv class=\"cj-subtitle\"\u003e\n\nOrganise Beautifully • Protect Your Favourites • Elevate Your Vanity\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\u003cdiv class=\"cj-intro\"\u003e\n\nSay goodbye to tangled necklaces, misplaced earrings and cluttered drawers.\n\n\u003cbr\u003e\u003cbr\u003e\n\nThe \u003cstrong\u003eCart Society™ 3-Tier Jewellery \u0026amp; Accessories Organizer\u003c\/strong\u003e transforms everyday storage into a beautiful vanity experience — keeping your favourite pieces protected, organised and ready to wear.\n\n\u003cbr\u003e\u003cbr\u003e\n\nDesigned with an elegant finish, crystal-style drawer handles and thoughtful compartments, it brings effortless luxury to your dressing space.\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"cj-grid\"\u003e\n\n\n\n\n\n\u003cdiv class=\"cj-card\"\u003e\n\n\u003cdiv class=\"cj-icon\"\u003e\n✨\n\u003c\/div\u003e\n\n\u003ch3\u003e\nEverything In One Place\n\u003c\/h3\u003e\n\n\u003cp\u003e\nKeep rings, earrings, necklaces, bracelets and accessories beautifully organised instead of scattered around your space.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cj-card\"\u003e\n\n\u003cdiv class=\"cj-icon\"\u003e\n💎\n\u003c\/div\u003e\n\n\u003ch3\u003e\n3 Spacious Drawers\n\u003c\/h3\u003e\n\n\u003cp\u003e\nSeparate your jewellery by type, occasion or style with three convenient storage levels.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cj-card\"\u003e\n\n\u003cdiv class=\"cj-icon\"\u003e\n🌸\n\u003c\/div\u003e\n\n\u003ch3\u003e\nElegant Vanity Design\n\u003c\/h3\u003e\n\n\u003cp\u003e\nA sophisticated appearance with crystal-style handles that adds beauty to your bedroom or dressing table.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cj-card\"\u003e\n\n\u003cdiv class=\"cj-icon\"\u003e\n🤍\n\u003c\/div\u003e\n\n\u003ch3\u003e\nProtect Your Jewellery\n\u003c\/h3\u003e\n\n\u003cp\u003e\nKeeping pieces separated helps reduce tangling, scratching and unnecessary wear.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cj-card\"\u003e\n\n\u003cdiv class=\"cj-icon\"\u003e\n👑\n\u003c\/div\u003e\n\n\u003ch3\u003e\nEasy Everyday Access\n\u003c\/h3\u003e\n\n\u003cp\u003e\nFind your favourite accessories quickly without searching through messy drawers.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\u003cdiv class=\"cj-card\"\u003e\n\n\u003cdiv class=\"cj-icon\"\u003e\n🎀\n\u003c\/div\u003e\n\n\u003ch3\u003e\nPerfect For Your Vanity\n\u003c\/h3\u003e\n\n\u003cp\u003e\nA beautiful storage upgrade for jewellery lovers and anyone who appreciates an organised space.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\u003cdiv class=\"cj-perfect\"\u003e\n\n\n\u003ch2\u003e\nPerfect For Organising\n\u003c\/h2\u003e\n\n\n\u003cdiv class=\"cj-list\"\u003e\n\n\n\u003cdiv class=\"cj-item\"\u003e\n💍 Rings \u0026amp; Earrings\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"cj-item\"\u003e\n✨ Necklaces \u0026amp; Bracelets\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"cj-item\"\u003e\n⌚ Watches \u0026amp; Accessories\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"cj-item\"\u003e\n🎀 Hair Accessories\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"cj-item\"\u003e\n💄 Beauty Essentials\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"cj-item\"\u003e\n🤍 Personal Keepsakes\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"cj-features\"\u003e\n\n\n\u003ch2\u003e\nPremium Features\n\u003c\/h2\u003e\n\n\n\n\u003cdiv class=\"cj-feature\"\u003e\n\n\u003cspan\u003e✓\u003c\/span\u003e\n\n3-tier drawer design with multiple compartments\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"cj-feature\"\u003e\n\n\u003cspan\u003e✓\u003c\/span\u003e\n\nDedicated jewellery sections for easy organisation\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"cj-feature\"\u003e\n\n\u003cspan\u003e✓\u003c\/span\u003e\n\nCrystal-style drawer handles for an elegant finish\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"cj-feature\"\u003e\n\n\u003cspan\u003e✓\u003c\/span\u003e\n\nCompact design for dressing tables and vanities\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"cj-feature\"\u003e\n\n\u003cspan\u003e✓\u003c\/span\u003e\n\nLuxury-inspired appearance for everyday spaces\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"cj-final\"\u003e\n\n\n\u003ch2\u003e\nThe Beauty Of An Organised Space\n\u003c\/h2\u003e\n\n\n\u003cp\u003e\n\nYour favourite jewellery deserves a place as beautiful as the pieces themselves.\n\n\u003cbr\u003e\u003cbr\u003e\n\nThe Cart Society™ Jewellery \u0026amp; Accessories Organizer makes getting ready feel effortless by keeping everything visible, protected and beautifully displayed.\n\n\u003cbr\u003e\u003cbr\u003e\n\n\u003cstrong\u003e\nOrganise it. Find it. Wear it. Love it.\n\u003c\/strong\u003e\n\n\u003c\/p\u003e\n\n\n\n\u003cdiv class=\"cj-brand\"\u003e\n\nCart Society™\u003cbr\u003e\nLittle luxuries for everyday life.\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003c\/div\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54432558186806,"sku":null,"price":219.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/6081d0e6-f5e1-4d73-8a43-9e1cc1b619e8.png?v=1787510835"},{"product_id":"cart-society™-luxury-6-piece-makeup-brush-collection","title":"Cart Society™ 6-Piece Makeup Brush Set","description":"\u003cstyle\u003e\n\/* =========================================================\n CART SOCIETY™ — 6-PIECE MAKEUP BRUSH SET\n PREMIUM ANIMATED PRODUCT SECTION\n ========================================================= *\/\n\n.cs-brushes {\n --black: #0b0b0b;\n --black-soft: #151515;\n --gold: #c6a15b;\n --gold-light: #e7d2a5;\n --cream: #f8f5ef;\n --text: #202020;\n --muted: #707070;\n --line: #e6e0d5;\n\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n font-family: Arial, Helvetica, sans-serif;\n color: var(--text);\n}\n\n.cs-brushes * {\n box-sizing: border-box;\n}\n\n\/* ================= HERO ================= *\/\n\n.cs-hero {\n position: relative;\n overflow: hidden;\n min-height: 420px;\n border-radius: 26px;\n background:\n radial-gradient(circle at 10% 20%, rgba(198,161,91,.16), transparent 30%),\n radial-gradient(circle at 90% 80%, rgba(198,161,91,.10), transparent 30%),\n linear-gradient(135deg, #090909, #191919);\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 70px 30px;\n box-shadow: 0 25px 70px rgba(0,0,0,.18);\n animation: csFadeUp 1s ease forwards;\n}\n\n.cs-hero:before,\n.cs-hero:after {\n content: \"\";\n position: absolute;\n border: 1px solid rgba(198,161,91,.18);\n border-radius: 50%;\n pointer-events: none;\n}\n\n.cs-hero:before {\n width: 380px;\n height: 380px;\n right: -190px;\n top: -190px;\n animation: csRotate 15s linear infinite;\n}\n\n.cs-hero:after {\n width: 250px;\n height: 250px;\n left: -125px;\n bottom: -125px;\n animation: csRotate 20s linear infinite reverse;\n}\n\n.cs-hero-content {\n position: relative;\n z-index: 2;\n max-width: 820px;\n}\n\n.cs-label {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n color: var(--gold-light);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 22px;\n}\n\n.cs-label:before,\n.cs-label:after {\n content: \"\";\n width: 28px;\n height: 1px;\n background: var(--gold);\n}\n\n.cs-hero h2 {\n margin: 0 0 22px;\n font-size: clamp(36px, 6vw, 68px);\n line-height: 1;\n font-weight: 400;\n letter-spacing: -2px;\n\n background: linear-gradient(\n 110deg,\n #ffffff 15%,\n #d9bf8c 35%,\n #ffffff 50%,\n #c19b55 70%,\n #ffffff 90%\n );\n\n background-size: 250% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation: csShimmer 6s linear infinite;\n}\n\n.cs-hero p {\n margin: 0 auto;\n max-width: 700px;\n color: #c5c5c5;\n font-size: 16px;\n line-height: 1.8;\n}\n\n.cs-stars {\n margin-top: 28px;\n color: var(--gold-light);\n letter-spacing: 6px;\n font-size: 13px;\n}\n\n\/* ================= INTRO ================= *\/\n\n.cs-intro {\n text-align: center;\n max-width: 800px;\n margin: 75px auto 55px;\n}\n\n.cs-intro h3 {\n margin: 0 0 16px;\n font-size: clamp(28px, 4vw, 42px);\n font-weight: 400;\n letter-spacing: -1px;\n}\n\n.cs-intro h3 span {\n color: var(--gold);\n}\n\n.cs-intro p {\n margin: 0;\n color: var(--muted);\n line-height: 1.8;\n font-size: 15px;\n}\n\n\/* ================= SECTION TITLES ================= *\/\n\n.cs-section-heading {\n text-align: center;\n margin: 70px 0 35px;\n}\n\n.cs-section-heading small {\n display: block;\n margin-bottom: 10px;\n color: var(--gold);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n}\n\n.cs-section-heading h3 {\n margin: 0;\n font-size: clamp(27px, 4vw, 40px);\n font-weight: 400;\n}\n\n\/* ================= BENEFITS ================= *\/\n\n.cs-benefits {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n}\n\n.cs-benefit {\n position: relative;\n background: #fff;\n border: 1px solid var(--line);\n border-radius: 20px;\n padding: 30px 26px;\n transition:\n transform .35s ease,\n box-shadow .35s ease,\n border-color .35s ease;\n overflow: hidden;\n}\n\n.cs-benefit:before {\n content: \"\";\n position: absolute;\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background: rgba(198,161,91,.08);\n top: -40px;\n right: -40px;\n transition: transform .4s ease;\n}\n\n.cs-benefit:hover {\n transform: translateY(-8px);\n border-color: rgba(198,161,91,.45);\n box-shadow: 0 20px 45px rgba(0,0,0,.09);\n}\n\n.cs-benefit:hover:before {\n transform: scale(2);\n}\n\n.cs-icon {\n position: relative;\n z-index: 2;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: var(--cream);\n color: var(--gold);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n margin-bottom: 22px;\n}\n\n.cs-benefit h4 {\n margin: 0 0 11px;\n font-size: 17px;\n font-weight: 600;\n}\n\n.cs-benefit p {\n margin: 0;\n color: var(--muted);\n font-size: 14px;\n line-height: 1.75;\n}\n\n\/* ================= DARK FEATURE SECTION ================= *\/\n\n.cs-features-section {\n position: relative;\n overflow: hidden;\n margin-top: 75px;\n padding: 60px 50px;\n border-radius: 25px;\n background:\n radial-gradient(circle at 85% 15%, rgba(198,161,91,.14), transparent 30%),\n linear-gradient(135deg, #090909, #171717);\n color: #fff;\n}\n\n.cs-features-section:after {\n content: \"\";\n position: absolute;\n width: 450px;\n height: 450px;\n border: 1px solid rgba(198,161,91,.1);\n border-radius: 50%;\n right: -230px;\n bottom: -230px;\n}\n\n.cs-feature-content {\n position: relative;\n z-index: 2;\n}\n\n.cs-feature-label {\n color: var(--gold-light);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n}\n\n.cs-features-section h3 {\n max-width: 700px;\n margin: 13px 0 35px;\n font-size: clamp(29px, 4vw, 45px);\n font-weight: 400;\n line-height: 1.15;\n}\n\n.cs-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px 45px;\n max-width: 850px;\n}\n\n.cs-feature {\n display: flex;\n align-items: center;\n gap: 13px;\n color: #d0d0d0;\n font-size: 14px;\n}\n\n.cs-check {\n width: 22px;\n height: 22px;\n min-width: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--gold);\n border-radius: 50%;\n color: var(--gold-light);\n font-size: 10px;\n}\n\n\/* ================= DIFFERENCE ================= *\/\n\n.cs-difference {\n margin-top: 75px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 55px;\n align-items: center;\n}\n\n.cs-difference h3 {\n margin: 0 0 20px;\n font-size: clamp(30px, 4vw, 45px);\n font-weight: 400;\n line-height: 1.15;\n}\n\n.cs-difference h3 span {\n color: var(--gold);\n}\n\n.cs-difference p {\n color: var(--muted);\n font-size: 15px;\n line-height: 1.8;\n}\n\n.cs-quote {\n position: relative;\n overflow: hidden;\n padding: 45px;\n border-radius: 23px;\n background: linear-gradient(145deg, #111, #1c1c1c);\n box-shadow: 0 20px 50px rgba(0,0,0,.12);\n}\n\n.cs-quote:before {\n content: \"“\";\n position: absolute;\n right: 20px;\n top: -25px;\n color: rgba(198,161,91,.12);\n font-family: Georgia, serif;\n font-size: 140px;\n}\n\n.cs-quote p {\n position: relative;\n z-index: 2;\n margin: 0;\n color: #eee;\n font-size: 20px;\n line-height: 1.6;\n}\n\n.cs-quote strong {\n position: relative;\n z-index: 2;\n display: block;\n margin-top: 22px;\n color: var(--gold-light);\n font-size: 10px;\n letter-spacing: 3px;\n text-transform: uppercase;\n}\n\n\/* ================= FINAL CTA ================= *\/\n\n.cs-final {\n text-align: center;\n margin-top: 75px;\n padding: 60px 20px 25px;\n border-top: 1px solid var(--line);\n}\n\n.cs-final h3 {\n margin: 0 0 14px;\n font-size: clamp(30px, 4vw, 44px);\n font-weight: 400;\n}\n\n.cs-final p {\n max-width: 600px;\n margin: auto;\n color: var(--muted);\n line-height: 1.8;\n}\n\n.cs-button {\n display: inline-flex;\n margin-top: 28px;\n padding: 16px 32px;\n border-radius: 50px;\n background: #111;\n color: #fff !important;\n text-decoration: none !important;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1.8px;\n transition: all .3s ease;\n}\n\n.cs-button:hover {\n transform: translateY(-4px);\n background: var(--gold);\n box-shadow: 0 12px 30px rgba(198,161,91,.25);\n}\n\n.cs-brand {\n margin-top: 25px;\n color: var(--gold);\n font-size: 10px;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 700;\n}\n\n\/* ================= ANIMATIONS ================= *\/\n\n@keyframes csFadeUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes csShimmer {\n 0% {\n background-position: 200% center;\n }\n\n 100% {\n background-position: -200% center;\n }\n}\n\n@keyframes csRotate {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n\/* ================= MOBILE ================= *\/\n\n@media screen and (max-width: 750px) {\n\n .cs-brushes {\n padding: 10px 12px 40px;\n }\n\n .cs-hero {\n min-height: 390px;\n padding: 50px 20px;\n border-radius: 20px;\n }\n\n .cs-hero h2 {\n font-size: 37px;\n letter-spacing: -1.2px;\n }\n\n .cs-hero p {\n font-size: 14px;\n }\n\n .cs-benefits {\n grid-template-columns: 1fr;\n }\n\n .cs-benefit {\n padding: 26px 23px;\n }\n\n .cs-features-section {\n padding: 42px 25px;\n border-radius: 20px;\n }\n\n .cs-feature-grid {\n grid-template-columns: 1fr;\n gap: 17px;\n }\n\n .cs-difference {\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .cs-quote {\n padding: 32px 25px;\n }\n\n .cs-quote p {\n font-size: 18px;\n }\n\n .cs-final {\n margin-top: 55px;\n }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"cs-brushes\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"cs-hero\"\u003e\n\n \u003cdiv class=\"cs-hero-content\"\u003e\n\n \u003cdiv class=\"cs-label\"\u003e\n Cart Society™ Beauty\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Elevate Your Beauty Routine.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Discover effortless application with the Cart Society™\n 6-Piece Makeup Brush Set — designed for smooth blending,\n precise application and beautifully polished results.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-stars\"\u003e\n ✦ ✦ ✦ ✦ ✦\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- INTRO --\u003e\n\n \u003csection class=\"cs-intro\"\u003e\n\n \u003ch3\u003e\n Beauty, \u003cspan\u003erefined.\u003c\/span\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n From your everyday natural glow to your full-glam moment,\n Cart Society™ gives you the essential tools to blend,\n sculpt, define and perfect your makeup look with confidence.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n\n \u003cdiv class=\"cs-section-heading\"\u003e\n\n \u003csmall\u003e\n Why You'll Love Them\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Designed for effortless beauty\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n\n \u003csection class=\"cs-benefits\"\u003e\n\n \u003cdiv class=\"cs-benefit\"\u003e\n\n \u003cdiv class=\"cs-icon\"\u003e✦\u003c\/div\u003e\n\n \u003ch4\u003e\n Flawless Application\n \u003c\/h4\u003e\n\n \u003cp\u003e\n Designed to distribute liquid, cream and powder products\n smoothly for an even, beautifully blended finish.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cs-benefit\"\u003e\n\n \u003cdiv class=\"cs-icon\"\u003e♡\u003c\/div\u003e\n\n \u003ch4\u003e\n Ultra-Soft Bristles\n \u003c\/h4\u003e\n\n \u003cp\u003e\n Soft, dense synthetic fibres glide comfortably across\n the skin while helping you apply the right amount of product.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cs-benefit\"\u003e\n\n \u003cdiv class=\"cs-icon\"\u003e◇\u003c\/div\u003e\n\n \u003ch4\u003e\n Face + Eye Essentials\n \u003c\/h4\u003e\n\n \u003cp\u003e\n Cover your essential beauty steps with versatile brushes\n for complexion, contouring, eyeshadow and detail work.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cs-benefit\"\u003e\n\n \u003cdiv class=\"cs-icon\"\u003e✧\u003c\/div\u003e\n\n \u003ch4\u003e\n Effortless Blending\n \u003c\/h4\u003e\n\n \u003cp\u003e\n Enjoy better control and seamless blending whether\n you're creating a soft everyday look or going full glam.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cs-benefit\"\u003e\n\n \u003cdiv class=\"cs-icon\"\u003e◈\u003c\/div\u003e\n\n \u003ch4\u003e\n Multi-Functional\n \u003c\/h4\u003e\n\n \u003cp\u003e\n Suitable for foundation, concealer, bronzer, blush,\n highlighter and eyeshadow in liquid, cream or powder formulas.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cs-benefit\"\u003e\n\n \u003cdiv class=\"cs-icon\"\u003e♢\u003c\/div\u003e\n\n \u003ch4\u003e\n Everyday Luxury\n \u003c\/h4\u003e\n\n \u003cp\u003e\n Sleek black handles and a sophisticated design bring\n a polished touch to your beauty collection and vanity.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c!-- FEATURES --\u003e\n\n\u003csection class=\"cs-features-section\"\u003e\n\n \u003cdiv class=\"cs-feature-content\"\u003e\n\n \u003cdiv class=\"cs-feature-label\"\u003e\n THE COLLECTION\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Your essential tools for creating your signature look.\n \u003c\/h3\u003e\n\n \u003cdiv class=\"cs-feature-grid\"\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cspan class=\"cs-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003e6-piece complete makeup brush set\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cspan class=\"cs-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eSoft synthetic fibre bristles\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cspan class=\"cs-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eSuitable for liquid, cream \u0026amp; powder makeup\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cspan class=\"cs-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eFace + eye brushes included\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cspan class=\"cs-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eBeginner-friendly\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cspan class=\"cs-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eEasy blending \u0026amp; contouring\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cspan class=\"cs-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003ePrecision detailing\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cspan class=\"cs-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eLightweight premium design\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n \n \u003c!-- DIFFERENCE --\u003e\n\n \u003csection class=\"cs-difference\"\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n More than brushes.\u003cbr\u003e\n It's your \u003cspan\u003ebeauty ritual.\u003c\/span\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Beauty is in the details. Cart Society™ was created for\n women who want their everyday beauty routine to feel\n effortless, elegant and elevated.\n \u003c\/p\u003e\n\n \u003cp\u003e\n With versatile shapes and soft synthetic bristles,\n each brush is designed to give you greater control\n as you blend, sculpt, define and perfect your look.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cs-quote\"\u003e\n\n \u003cp\u003e\n Your makeup routine deserves tools that feel as\n beautiful as the finished look.\n \u003c\/p\u003e\n\n \u003cstrong\u003e\n Cart Society™\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CTA --\u003e\n\n \u003csection class=\"cs-final\"\u003e\n\n \u003ch3\u003e\n Create Your Signature Look.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Upgrade your everyday makeup routine with elegant,\n versatile brushes designed for effortless beauty.\n \u003c\/p\u003e\n\n \u003ca href=\"#AddToCart\" class=\"cs-button\"\u003e\n SHOP THE COLLECTION\n \u003c\/a\u003e\n\n \u003cdiv class=\"cs-brand\"\u003e\n Cart Society™ — Where Everyday Beauty Meets Luxury\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54432581353782,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPT_Image_Aug_23_2026_09_01_01_PM.png?v=1787511715"},{"product_id":"cart-society™-luxury-hair-bonnet","title":"Cart Society™ Hair Bonnet","description":"\u003cstyle\u003e\n:root {\n --cs-bg: #f8f5f0;\n --cs-panel: #ffffff;\n --cs-gold: #b8925c;\n --cs-gold-light: #8d6a3d;\n --cs-text: #1c1a18;\n --cs-muted: #706b64;\n --cs-line: rgba(28, 26, 24, 0.10);\n}\n\n.cs-bonnet {\n position: relative;\n overflow: hidden;\n background:\n radial-gradient(circle at 15% 15%, rgba(184, 146, 92, 0.10), transparent 32%),\n radial-gradient(circle at 85% 85%, rgba(184, 146, 92, 0.07), transparent 35%),\n linear-gradient(135deg, #fbfaf8 0%, #f4efe8 100%);\n color: var(--cs-text);\n padding: 100px 20px;\n font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.cs-bonnet::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 120deg,\n transparent 25%,\n rgba(255,255,255,0.65) 45%,\n transparent 65%\n );\n transform: translateX(-100%);\n animation: csShimmer 10s ease-in-out infinite;\n pointer-events: none;\n}\n\n@keyframes csShimmer {\n 0%, 100% { transform: translateX(-100%); }\n 50% { transform: translateX(100%); }\n}\n\n.cs-bonnet-inner {\n max-width: 1200px;\n margin: auto;\n position: relative;\n z-index: 2;\n}\n\n.cs-bonnet-header {\n text-align: center;\n max-width: 850px;\n margin: 0 auto 65px;\n}\n\n.cs-brand {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n color: var(--cs-gold-light);\n font-size: 12px;\n letter-spacing: 5px;\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 22px;\n}\n\n.cs-brand::before,\n.cs-brand::after {\n content: \"\";\n width: 35px;\n height: 1px;\n background: var(--cs-gold);\n}\n\n.cs-bonnet h2 {\n margin: 0;\n font-size: clamp(38px, 6vw, 72px);\n font-weight: 400;\n line-height: 1.05;\n letter-spacing: -2px;\n}\n\n.cs-bonnet h2 span {\n color: var(--cs-gold-light);\n font-style: italic;\n}\n\n.cs-subtitle {\n max-width: 650px;\n margin: 25px auto 0;\n color: var(--cs-muted);\n font-size: 16px;\n line-height: 1.8;\n}\n\n.cs-feature-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n}\n\n.cs-feature {\n position: relative;\n padding: 32px 28px;\n background: linear-gradient(\n 145deg,\n rgba(255,255,255,0.98),\n rgba(247,243,237,0.90)\n );\n border: 1px solid rgba(28, 26, 24, 0.08);\n border-radius: 18px;\n box-shadow: 0 10px 35px rgba(70, 55, 35, 0.05);\n transition:\n transform 0.4s ease,\n border-color 0.4s ease,\n box-shadow 0.4s ease;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.cs-feature.show {\n animation: csReveal 0.8s forwards;\n}\n\n@keyframes csReveal {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.cs-feature:hover {\n transform: translateY(-8px);\n border-color: rgba(184, 146, 92, 0.50);\n box-shadow: 0 22px 55px rgba(70, 55, 35, 0.12);\n}\n\n.cs-feature::before {\n content: \"\";\n position: absolute;\n width: 120px;\n height: 120px;\n top: -60px;\n right: -50px;\n border-radius: 50%;\n background: rgba(184, 146, 92, 0.07);\n transition: transform 0.5s ease;\n}\n\n.cs-feature:hover::before {\n transform: scale(1.5);\n}\n\n.cs-icon {\n width: 48px;\n height: 48px;\n border: 1px solid rgba(184, 146, 92, 0.45);\n border-radius: 50%;\n display: grid;\n place-items: center;\n color: var(--cs-gold-light);\n font-size: 20px;\n margin-bottom: 22px;\n background: rgba(184, 146, 92, 0.06);\n}\n\n.cs-feature h3 {\n margin: 0 0 12px;\n font-size: 17px;\n font-weight: 600;\n letter-spacing: 0.2px;\n}\n\n.cs-feature p {\n margin: 0;\n color: var(--cs-muted);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.cs-bottom {\n margin-top: 70px;\n padding: 45px 30px;\n text-align: center;\n border-top: 1px solid var(--cs-line);\n border-bottom: 1px solid var(--cs-line);\n}\n\n.cs-bottom h3 {\n margin: 0 0 16px;\n font-size: clamp(25px, 4vw, 40px);\n font-weight: 400;\n}\n\n.cs-bottom p {\n max-width: 650px;\n margin: auto;\n color: var(--cs-muted);\n line-height: 1.8;\n font-size: 15px;\n}\n\n.cs-tagline {\n display: inline-block;\n margin-top: 28px;\n color: var(--cs-gold-light);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n}\n\n@media (max-width: 900px) {\n .cs-feature-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 600px) {\n .cs-bonnet {\n padding: 70px 16px;\n }\n\n .cs-feature-grid {\n grid-template-columns: 1fr;\n }\n\n .cs-feature {\n padding: 28px 24px;\n }\n\n .cs-bonnet h2 {\n letter-spacing: -1px;\n }\n}\n\u003c\/style\u003e\n\u003csection class=\"cs-bonnet\"\u003e\n\u003cdiv class=\"cs-bonnet-inner\"\u003e\n\u003cdiv class=\"cs-bonnet-header\"\u003e\n\u003cdiv class=\"cs-brand\"\u003eCart Society™\u003c\/div\u003e\n\u003ch2\u003eProtect Your Hair.\u003cbr\u003e\u003cspan\u003eSleep Beautifully.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cs-subtitle\"\u003eDesigned to help protect your hair overnight while bringing comfort, style, and effortless care to your nightly beauty routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-feature-grid\"\u003e\n\u003cdiv class=\"cs-feature\"\u003e\n\u003cdiv class=\"cs-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eProtects Hair Overnight\u003c\/h3\u003e\n\u003cp\u003eHelps reduce friction while you sleep to support smoother, healthier-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-feature\"\u003e\n\u003cdiv class=\"cs-icon\"\u003e✧\u003c\/div\u003e\n\u003ch3\u003eHelps Retain Moisture\u003c\/h3\u003e\n\u003cp\u003eThe smooth satin finish helps your hair retain moisture and maintain its natural shine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-feature\"\u003e\n\u003cdiv class=\"cs-icon\"\u003e◌\u003c\/div\u003e\n\u003ch3\u003ePreserves Your Style\u003c\/h3\u003e\n\u003cp\u003ePerfect for helping maintain curls, waves, braids, twists, extensions, and more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-feature\"\u003e\n\u003cdiv class=\"cs-icon\"\u003e♡\u003c\/div\u003e\n\u003ch3\u003eComfortable Fit\u003c\/h3\u003e\n\u003cp\u003eLightweight and flexible for comfortable overnight wear without compromising your style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-feature\"\u003e\n\u003cdiv class=\"cs-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eElegant Everyday Care\u003c\/h3\u003e\n\u003cp\u003eA beautiful essential designed to elevate your nightly self-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-feature\"\u003e\n\u003cdiv class=\"cs-icon\"\u003e∞\u003c\/div\u003e\n\u003ch3\u003eFor All Hair Types\u003c\/h3\u003e\n\u003cp\u003eSuitable for curly, textured, straight, relaxed, natural, and protective hairstyles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-bottom\"\u003e\n\u003ch3\u003eThe Cart Society™ Difference\u003c\/h3\u003e\n\u003cp\u003eComfort, style, and everyday self-care come together in one essential beauty accessory. Wake up feeling confident and ready for the day.\u003c\/p\u003e\n\u003cdiv class=\"cs-tagline\"\u003eWhere Beauty Meets Everyday Living\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54432618348854,"sku":null,"price":99.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/3199e0ba-37e3-44b1-a3d0-14295ba019fd.png?v=1787262322"},{"product_id":"cart-society™-travel-makeup-bag","title":"Cart Society™ Cosmetic Bag","description":"\u003csection class=\"cs-travel-bag\"\u003e\n\u003cdiv class=\"cs-travel-wrap\"\u003e\n\u003cdiv class=\"cs-travel-label\"\u003eCart Society™\u003c\/div\u003e\n\u003ch2 class=\"cs-travel-title\"\u003e\u003cem\u003eCosmetic Bag\u003c\/em\u003e\u003c\/h2\u003e\n\u003cdiv class=\"cs-travel-copy\"\u003e\n\u003cstrong\u003eYour beauty essentials, beautifully organised.\u003c\/strong\u003e The perfect size for your everyday favourites — big enough to hold your makeup, skincare, and beauty essentials without feeling bulky.\u003c\/div\u003e\n\u003cdiv class=\"cs-travel-line\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-travel-features\"\u003e\n\u003cdiv class=\"cs-travel-feature\"\u003e\n\u003cdiv class=\"cs-travel-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003eThe perfect everyday size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-travel-feature\"\u003e\n\u003cdiv class=\"cs-travel-icon\"\u003e✧\u003c\/div\u003e\n\u003cspan\u003eBeauty essentials without the bulk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-travel-feature\"\u003e\n\u003cdiv class=\"cs-travel-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003eStylish leopard-inspired design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-travel-feature\"\u003e\n\u003cdiv class=\"cs-travel-icon\"\u003e⌁\u003c\/div\u003e\n\u003cspan\u003eSecure zip closure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-travel-feature\"\u003e\n\u003cdiv class=\"cs-travel-icon\"\u003e✧\u003c\/div\u003e\n\u003cspan\u003ePerfect for home and travel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-travel-closing\"\u003e\n\u003cp\u003e\u003cstrong\u003eSmall enough to carry.\u003c\/strong\u003e Big enough for what you need.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-travel-signature\"\u003eBeautifully organised with \u003cspan\u003eCart Society™\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54432666386742,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/MBL1.avif?v=1787264012"},{"product_id":"cart-society™-pocket-perfume-atomizer","title":"Cart Society™ Pocket Perfume Atomizer","description":"\u003cstyle\u003e\n .cs-atomizer {\n --cs-bg: #f8f7f4;\n --cs-card: #ffffff;\n --cs-text: #1c1a18;\n --cs-muted: #716c65;\n --cs-accent: #b8925c;\n --cs-line: rgba(28, 26, 24, 0.10);\n\n position: relative;\n padding: 80px 22px;\n background:\n radial-gradient(circle at 10% 20%, rgba(184, 146, 92, 0.09), transparent 30%),\n radial-gradient(circle at 90% 80%, rgba(184, 146, 92, 0.06), transparent 28%),\n var(--cs-bg);\n overflow: hidden;\n font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n }\n\n .cs-atomizer * {\n box-sizing: border-box;\n }\n\n .cs-atomizer-wrap {\n max-width: 820px;\n margin: 0 auto;\n text-align: center;\n }\n\n .cs-atomizer-brand {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 18px;\n color: var(--cs-accent);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n opacity: 0;\n animation: csAtomizerReveal 0.8s ease forwards;\n }\n\n .cs-atomizer-brand::before,\n .cs-atomizer-brand::after {\n content: \"\";\n width: 25px;\n height: 1px;\n background: var(--cs-accent);\n }\n\n .cs-atomizer-title {\n margin: 0;\n color: var(--cs-text);\n font-size: clamp(36px, 6vw, 66px);\n font-weight: 500;\n line-height: 1.05;\n letter-spacing: -2px;\n opacity: 0;\n animation: csAtomizerReveal 0.9s ease 0.12s forwards;\n }\n\n .cs-atomizer-title span {\n display: block;\n color: var(--cs-accent);\n font-style: italic;\n font-weight: 400;\n }\n\n .cs-atomizer-tagline {\n margin: 22px auto 0;\n max-width: 620px;\n color: var(--cs-muted);\n font-size: 16px;\n line-height: 1.7;\n opacity: 0;\n animation: csAtomizerReveal 0.9s ease 0.24s forwards;\n }\n\n .cs-atomizer-tagline strong {\n display: block;\n margin-bottom: 10px;\n color: var(--cs-text);\n font-size: 18px;\n font-weight: 600;\n }\n\n .cs-atomizer-line {\n width: 60px;\n height: 1px;\n margin: 38px auto;\n background: linear-gradient(\n 90deg,\n transparent,\n var(--cs-accent),\n transparent\n );\n opacity: 0;\n animation: csAtomizerReveal 0.8s ease 0.36s forwards;\n }\n\n .cs-atomizer-features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 13px;\n text-align: left;\n }\n\n .cs-atomizer-feature {\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 19px 20px;\n background: rgba(255, 255, 255, 0.82);\n border: 1px solid var(--cs-line);\n border-radius: 16px;\n overflow: hidden;\n opacity: 0;\n transform: translateY(20px);\n animation: csAtomizerReveal 0.7s ease forwards;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .cs-atomizer-feature:nth-child(1) {\n animation-delay: 0.45s;\n }\n\n .cs-atomizer-feature:nth-child(2) {\n animation-delay: 0.55s;\n }\n\n .cs-atomizer-feature:nth-child(3) {\n animation-delay: 0.65s;\n }\n\n .cs-atomizer-feature:nth-child(4) {\n animation-delay: 0.75s;\n }\n\n .cs-atomizer-feature::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: -130%;\n width: 65%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.9),\n transparent\n );\n transform: skewX(-20deg);\n transition: left 0.8s ease;\n }\n\n .cs-atomizer-feature:hover {\n transform: translateY(-5px);\n border-color: rgba(184, 146, 92, 0.45);\n box-shadow: 0 18px 40px rgba(28, 26, 24, 0.08);\n }\n\n .cs-atomizer-feature:hover::after {\n left: 160%;\n }\n\n .cs-feature-icon {\n width: 36px;\n height: 36px;\n min-width: 36px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: #fbf7f0;\n color: var(--cs-accent);\n font-size: 17px;\n }\n\n .cs-feature-text {\n color: var(--cs-text);\n font-size: 14px;\n font-weight: 500;\n line-height: 1.4;\n }\n\n .cs-atomizer-closing {\n position: relative;\n margin-top: 28px;\n padding: 32px 25px;\n border: 1px solid var(--cs-line);\n border-radius: 18px;\n background:\n radial-gradient(\n circle at 85% 10%,\n rgba(184, 146, 92, 0.12),\n transparent 35%\n ),\n var(--cs-card);\n overflow: hidden;\n opacity: 0;\n animation: csAtomizerReveal 0.9s ease 0.9s forwards;\n }\n\n .cs-atomizer-closing::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 115deg,\n transparent 35%,\n rgba(184, 146, 92, 0.08) 50%,\n transparent 65%\n );\n background-size: 220% 100%;\n animation: csAtomizerShimmer 7s ease-in-out infinite;\n pointer-events: none;\n }\n\n .cs-atomizer-closing p {\n position: relative;\n margin: 0;\n color: var(--cs-text);\n font-size: 17px;\n line-height: 1.6;\n }\n\n .cs-atomizer-closing strong {\n color: var(--cs-accent);\n font-weight: 600;\n }\n\n .cs-atomizer-signature {\n margin-top: 30px;\n color: var(--cs-text);\n font-size: 15px;\n opacity: 0;\n animation: csAtomizerReveal 0.9s ease 1s forwards;\n }\n\n .cs-atomizer-signature span {\n color: var(--cs-accent);\n font-weight: 600;\n }\n\n @keyframes csAtomizerReveal {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes csAtomizerShimmer {\n 0% {\n background-position: 120% 0;\n }\n\n 100% {\n background-position: -120% 0;\n }\n }\n\n @media (max-width: 640px) {\n .cs-atomizer {\n padding: 60px 16px;\n }\n\n .cs-atomizer-title {\n font-size: 39px;\n letter-spacing: -1.4px;\n }\n\n .cs-atomizer-tagline {\n font-size: 15px;\n line-height: 1.65;\n }\n\n .cs-atomizer-features {\n grid-template-columns: 1fr;\n }\n\n .cs-atomizer-feature {\n padding: 17px;\n }\n\n .cs-atomizer-closing {\n padding: 28px 20px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .cs-atomizer *,\n .cs-atomizer *::before,\n .cs-atomizer *::after {\n animation: none !important;\n transition: none !important;\n }\n\n .cs-atomizer-brand,\n .cs-atomizer-title,\n .cs-atomizer-tagline,\n .cs-atomizer-line,\n .cs-atomizer-feature,\n .cs-atomizer-closing,\n .cs-atomizer-signature {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"cs-atomizer\"\u003e\n \u003cdiv class=\"cs-atomizer-wrap\"\u003e\n\n \u003cdiv class=\"cs-atomizer-brand\"\u003eCart Society™\u003c\/div\u003e\n\n \u003ch2 class=\"cs-atomizer-title\"\u003e\n Pocket\n \u003cspan\u003ePerfume Atomizer\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cdiv class=\"cs-atomizer-tagline\"\u003e\n \u003cstrong\u003eYour favourite fragrance, wherever you go.\u003c\/strong\u003e\n A sleek, refillable perfume atomizer designed for effortless fragrance on the go.\n Compact enough for your handbag or pocket.\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-atomizer-line\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cs-atomizer-features\"\u003e\n\n \u003cdiv class=\"cs-atomizer-feature\"\u003e\n \u003cdiv class=\"cs-feature-icon\"\u003e✦\u003c\/div\u003e\n \u003cdiv class=\"cs-feature-text\"\u003eRefillable \u0026amp; reusable\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-atomizer-feature\"\u003e\n \u003cdiv class=\"cs-feature-icon\"\u003e✧\u003c\/div\u003e\n \u003cdiv class=\"cs-feature-text\"\u003eFine mist spray\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-atomizer-feature\"\u003e\n \u003cdiv class=\"cs-feature-icon\"\u003e◌\u003c\/div\u003e\n \u003cdiv class=\"cs-feature-text\"\u003eCompact \u0026amp; travel-friendly\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-atomizer-feature\"\u003e\n \u003cdiv class=\"cs-feature-icon\"\u003e⌁\u003c\/div\u003e\n \u003cdiv class=\"cs-feature-text\"\u003eDesigned to help prevent leaks\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-atomizer-closing\"\u003e\n \u003cp\u003e\n \u003cstrong\u003eSmall to carry.\u003c\/strong\u003e\u003cbr\u003e\n Made to refresh.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-atomizer-signature\"\u003e\n Made for your favourite scent — \u003cspan\u003eCart Society™\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Gold","offer_id":67622254281014,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true},{"title":"Silver","offer_id":67622254313782,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":67622254346550,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPT_Image_Aug_24_2026_08_27_50_PM.png?v=1787596609"},{"product_id":"cart-society™-luxe-hair-claw-clip-collection","title":"Cart Society™ Luxe Hair Claw Clip Collection","description":"\u003cstyle\u003e\n.cs-claw {\n background: linear-gradient(135deg,#f8f4ed,#fffdf9);\n padding: 60px 20px;\n overflow: hidden;\n font-family: inherit;\n}\n\n.cs-claw-inner {\n max-width: 1000px;\n margin: auto;\n text-align: center;\n}\n\n.cs-claw-eyebrow {\n font-size: 10px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: #b49468;\n margin-bottom: 13px;\n animation: csFade .7s ease both;\n}\n\n.cs-claw h2 {\n margin: 0;\n color: #55443a;\n font-size: clamp(32px,5vw,48px);\n line-height: 1.1;\n font-weight: 500;\n animation: csUp .8s ease .1s both;\n}\n\n.cs-claw h2 em {\n font-family: Georgia, serif;\n font-weight: 400;\n}\n\n.cs-claw-intro {\n max-width: 560px;\n margin: 17px auto 38px;\n color: #6b625b;\n font-size: 13px;\n line-height: 1.7;\n animation: csUp .8s ease .2s both;\n}\n\n.cs-claw-grid {\n display: grid;\n grid-template-columns: repeat(3,1fr);\n gap: 14px;\n}\n\n.cs-claw-card {\n padding: 25px 18px;\n background: rgba(255,255,255,.72);\n border: 1px solid rgba(85,68,58,.1);\n border-radius: 18px;\n box-shadow: 0 12px 35px rgba(60,45,35,.06);\n transition: .35s ease;\n animation: csUp .7s ease both;\n}\n\n.cs-claw-card:nth-child(1){animation-delay:.25s}\n.cs-claw-card:nth-child(2){animation-delay:.35s}\n.cs-claw-card:nth-child(3){animation-delay:.45s}\n.cs-claw-card:nth-child(4){animation-delay:.55s}\n.cs-claw-card:nth-child(5){animation-delay:.65s}\n.cs-claw-card:nth-child(6){animation-delay:.75s}\n\n.cs-claw-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 20px 40px rgba(60,45,35,.1);\n border-color: rgba(180,148,104,.35);\n}\n\n.cs-claw-icon {\n width: 44px;\n height: 44px;\n margin: 0 auto 14px;\n border-radius: 50%;\n background: #f0e7da;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #b49468;\n font-size: 18px;\n transition: .4s ease;\n}\n\n.cs-claw-card:hover .cs-claw-icon {\n transform: scale(1.1) rotate(6deg);\n}\n\n.cs-claw-card h3 {\n margin: 0 0 8px;\n color: #55443a;\n font-size: 13px;\n font-weight: 600;\n}\n\n.cs-claw-card p {\n margin: 0;\n color: #6b625b;\n font-size: 11.5px;\n line-height: 1.65;\n}\n\n.cs-claw-bottom {\n margin-top: 38px;\n animation: csUp .8s ease .9s both;\n}\n\n.cs-line {\n width: 42px;\n height: 1px;\n background: #b49468;\n margin: 0 auto 17px;\n}\n\n.cs-claw-bottom strong {\n display: block;\n color: #55443a;\n font-family: Georgia, serif;\n font-size: 20px;\n font-weight: 400;\n}\n\n.cs-claw-bottom span {\n display: block;\n margin-top: 7px;\n color: #6b625b;\n font-size: 11px;\n letter-spacing: 1px;\n}\n\n@keyframes csUp {\n from {\n opacity: 0;\n transform: translateY(18px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes csFade {\n from {opacity:0}\n to {opacity:1}\n}\n\n@media(max-width:650px) {\n .cs-claw {\n padding: 48px 15px;\n }\n\n .cs-claw h2 {\n font-size: 33px;\n }\n\n .cs-claw-grid {\n grid-template-columns: repeat(2,1fr);\n gap: 10px;\n }\n\n .cs-claw-card {\n padding: 21px 12px;\n border-radius: 15px;\n }\n\n .cs-claw-card h3 {\n font-size: 12.5px;\n }\n\n .cs-claw-card p {\n font-size: 11px;\n }\n\n .cs-claw-bottom strong {\n font-size: 18px;\n }\n\u003c\/style\u003e\n\n\u003csection class=\"cs-claw\"\u003e\n \u003cdiv class=\"cs-claw-inner\"\u003e\n\n \u003cdiv class=\"cs-claw-eyebrow\"\u003e\n Cart Society™\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Effortless style.\u003cbr\u003e\n \u003cem\u003eElevated everyday beauty.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"cs-claw-intro\"\u003e\n A timeless claw clip designed to keep your hair beautifully\n in place while adding a sophisticated finishing touch.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-claw-grid\"\u003e\n\n \u003cdiv class=\"cs-claw-card\"\u003e\n \u003cdiv class=\"cs-claw-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eSecure Hold\u003c\/h3\u003e\n \u003cp\u003eStrong grip for comfortable, all-day styling.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-claw-card\"\u003e\n \u003cdiv class=\"cs-claw-icon\"\u003e♡\u003c\/div\u003e\n \u003ch3\u003eGentle on Hair\u003c\/h3\u003e\n \u003cp\u003eSmooth design helps reduce pulling and snagging.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-claw-card\"\u003e\n \u003cdiv class=\"cs-claw-icon\"\u003e✧\u003c\/div\u003e\n \u003ch3\u003eEasy Styling\u003c\/h3\u003e\n \u003cp\u003eCreate polished looks in seconds.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-claw-card\"\u003e\n \u003cdiv class=\"cs-claw-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eMinimalist\u003c\/h3\u003e\n \u003cp\u003eModern matte finish in versatile neutral tones.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-claw-card\"\u003e\n \u003cdiv class=\"cs-claw-icon\"\u003e∞\u003c\/div\u003e\n \u003ch3\u003eAll Hair Types\u003c\/h3\u003e\n \u003cp\u003eSuitable for fine, medium and thick hair.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-claw-card\"\u003e\n \u003cdiv class=\"cs-claw-icon\"\u003e⌁\u003c\/div\u003e\n \u003ch3\u003eOn-the-Go\u003c\/h3\u003e\n \u003cp\u003eLightweight and easy to carry anywhere.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-claw-bottom\"\u003e\n \u003cdiv class=\"cs-line\"\u003e\u003c\/div\u003e\n \u003cstrong\u003eSimple. Stylish. Effortless.\u003c\/strong\u003e\n \u003cspan\u003eCURATED BY CART SOCIETY™\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Brown","offer_id":54589045211446,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":54589045244214,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige","offer_id":54589045276982,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true},{"title":"Tan","offer_id":54589045309750,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPT_Image_Aug_24_2026_05_28_45_PM.png?v=1787594169"},{"product_id":"cart-society™-luxe-portable-led-makeup-mirror","title":"Cart Society™ Portable LED Makeup Mirror","description":"\u003cstyle\u003e\n.cs-mirror {\n background: linear-gradient(135deg,#f8f4ed,#fffdf9);\n padding: 55px 20px;\n text-align: center;\n overflow: hidden;\n font-family: inherit;\n}\n\n.cs-mirror-inner {\n max-width: 1000px;\n margin:auto;\n}\n\n.cs-eyebrow {\n font-size:10px;\n letter-spacing:3px;\n text-transform:uppercase;\n color:#b49468;\n margin-bottom:12px;\n animation:fadeUp .7s ease both;\n}\n\n.cs-mirror h2 {\n margin:0;\n color:#55443a;\n font-size:clamp(30px,5vw,48px);\n line-height:1.1;\n font-weight:500;\n animation:fadeUp .8s ease .1s both;\n}\n\n.cs-mirror h2 em {\n font-family:Georgia,serif;\n font-weight:400;\n}\n\n.cs-intro {\n max-width:580px;\n margin:18px auto 35px;\n color:#6b625b;\n font-size:13px;\n line-height:1.7;\n animation:fadeUp .8s ease .2s both;\n}\n\n.cs-features {\n display:grid;\n grid-template-columns:repeat(5,1fr);\n gap:12px;\n}\n\n.cs-box {\n background:rgba(255,255,255,.75);\n border:1px solid rgba(85,68,58,.1);\n border-radius:17px;\n padding:22px 12px;\n box-shadow:0 10px 30px rgba(60,45,35,.06);\n transition:.35s ease;\n animation:fadeUp .7s ease both;\n}\n\n.cs-box:nth-child(1){animation-delay:.25s}\n.cs-box:nth-child(2){animation-delay:.35s}\n.cs-box:nth-child(3){animation-delay:.45s}\n.cs-box:nth-child(4){animation-delay:.55s}\n.cs-box:nth-child(5){animation-delay:.65s}\n\n.cs-box:hover {\n transform:translateY(-6px);\n box-shadow:0 18px 35px rgba(60,45,35,.1);\n}\n\n.cs-icon {\n font-size:20px;\n color:#b49468;\n margin-bottom:10px;\n}\n\n.cs-box h3 {\n margin:0 0 7px;\n color:#55443a;\n font-size:13px;\n}\n\n.cs-box p {\n margin:0;\n color:#6b625b;\n font-size:11px;\n line-height:1.6;\n}\n\n.cs-bottom {\n margin-top:35px;\n color:#55443a;\n font-size:12px;\n letter-spacing:1px;\n animation:fadeUp .8s ease .8s both;\n}\n\n@keyframes fadeUp {\n from {opacity:0;transform:translateY(18px)}\n to {opacity:1;transform:translateY(0)}\n}\n\n@media(max-width:700px) {\n .cs-mirror {\n padding:45px 15px;\n }\n\n .cs-features {\n grid-template-columns:repeat(2,1fr);\n }\n\n .cs-box:last-child {\n grid-column:span 2;\n max-width:50%;\n margin:auto;\n width:100%;\n }\n\n .cs-mirror h2 {\n font-size:32px;\n }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"cs-mirror\"\u003e\n \u003cdiv class=\"cs-mirror-inner\"\u003e\n\n \u003cdiv class=\"cs-eyebrow\"\u003eCart Society™\u003c\/div\u003e\n\n \u003ch2\u003e\n Beauty,\u003cbr\u003e\n \u003cem\u003ewherever life takes you.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"cs-intro\"\u003e\n A sleek portable LED mirror designed for effortless\n touch-ups, precise application and beauty on the go.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-features\"\u003e\n\n \u003cdiv class=\"cs-box\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eLED Lighting\u003c\/h3\u003e\n \u003cp\u003eClearer visibility, even in low light.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-box\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e♡\u003c\/div\u003e\n \u003ch3\u003eTravel-Friendly\u003c\/h3\u003e\n \u003cp\u003eSlim, lightweight and easy to carry.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-box\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e◉\u003c\/div\u003e\n \u003ch3\u003eDouble Mirror\u003c\/h3\u003e\n \u003cp\u003eDetachable design for versatile use.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-box\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e⌁\u003c\/div\u003e\n \u003ch3\u003eRechargeable\u003c\/h3\u003e\n \u003cp\u003eConvenient USB Type-C charging.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-box\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e✧\u003c\/div\u003e\n \u003ch3\u003eElegant Design\u003c\/h3\u003e\n \u003cp\u003eBeautifully designed for everyday use.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-bottom\"\u003e\n Glow confidently. Create effortlessly. ✨\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54432723206454,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPT_Image_Aug_24_2026_05_09_00_PM.png?v=1787584613"},{"product_id":"cart-society™-personalized-compact-mirror","title":"Cart Society™ Personalized Compact Mirror","description":"\u003cstyle\u003e\n .cs-mirror {\n --cs-bg: #f7f5f1;\n --cs-card: #ffffff;\n --cs-text: #1c1a18;\n --cs-muted: #706b64;\n --cs-gold: #b8925c;\n --cs-line: rgba(28, 26, 24, 0.10);\n\n font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n background: var(--cs-bg);\n padding: 80px 22px;\n overflow: hidden;\n }\n\n .cs-mirror * {\n box-sizing: border-box;\n }\n\n .cs-wrap {\n max-width: 820px;\n margin: 0 auto;\n text-align: center;\n }\n\n \/* Eyebrow *\/\n .cs-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n color: var(--cs-gold);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 2.4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n opacity: 0;\n animation: csFadeUp 0.8s ease forwards;\n }\n\n .cs-eyebrow::before,\n .cs-eyebrow::after {\n content: \"\";\n width: 22px;\n height: 1px;\n background: var(--cs-gold);\n }\n\n \/* Title *\/\n .cs-title {\n margin: 0;\n color: var(--cs-text);\n font-size: clamp(34px, 6vw, 64px);\n line-height: 1.05;\n font-weight: 500;\n letter-spacing: -2px;\n opacity: 0;\n animation: csFadeUp 0.9s ease 0.12s forwards;\n }\n\n .cs-title span {\n color: var(--cs-gold);\n font-style: italic;\n }\n\n \/* Tagline *\/\n .cs-tagline {\n margin: 22px auto 0;\n max-width: 620px;\n color: var(--cs-muted);\n font-size: 17px;\n line-height: 1.7;\n opacity: 0;\n animation: csFadeUp 0.9s ease 0.24s forwards;\n }\n\n .cs-tagline strong {\n color: var(--cs-text);\n font-weight: 600;\n }\n\n \/* Divider *\/\n .cs-divider {\n width: 54px;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n var(--cs-gold),\n transparent\n );\n margin: 38px auto;\n opacity: 0;\n animation: csFadeUp 0.8s ease 0.34s forwards;\n }\n\n \/* Features *\/\n .cs-features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n text-align: left;\n opacity: 0;\n animation: csFadeUp 0.9s ease 0.42s forwards;\n }\n\n .cs-feature {\n position: relative;\n background: var(--cs-card);\n border: 1px solid var(--cs-line);\n border-radius: 16px;\n padding: 19px 20px;\n display: flex;\n align-items: center;\n gap: 14px;\n overflow: hidden;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .cs-feature::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: -120%;\n width: 60%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,0.85),\n transparent\n );\n transform: skewX(-20deg);\n transition: left 0.8s ease;\n }\n\n .cs-feature:hover {\n transform: translateY(-4px);\n border-color: rgba(184, 146, 92, 0.45);\n box-shadow: 0 16px 35px rgba(30, 25, 20, 0.08);\n }\n\n .cs-feature:hover::after {\n left: 150%;\n }\n\n .cs-icon {\n width: 34px;\n height: 34px;\n flex: 0 0 34px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: #fbf7f0;\n color: var(--cs-gold);\n font-size: 16px;\n }\n\n .cs-feature-text {\n color: var(--cs-text);\n font-size: 14px;\n line-height: 1.4;\n font-weight: 500;\n }\n\n \/* Gift \/ keepsake section *\/\n .cs-gift {\n position: relative;\n margin-top: 18px;\n padding: 32px 28px;\n border-radius: 18px;\n background:\n radial-gradient(\n circle at top right,\n rgba(184, 146, 92, 0.12),\n transparent 35%\n ),\n var(--cs-card);\n border: 1px solid var(--cs-line);\n overflow: hidden;\n opacity: 0;\n animation: csFadeUp 0.9s ease 0.55s forwards;\n }\n\n .cs-gift::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 115deg,\n transparent 35%,\n rgba(184, 146, 92, 0.08) 50%,\n transparent 65%\n );\n background-size: 220% 100%;\n animation: csShimmer 6s ease-in-out infinite;\n pointer-events: none;\n }\n\n .cs-gift-icon {\n position: relative;\n font-size: 25px;\n margin-bottom: 10px;\n }\n\n .cs-gift p {\n position: relative;\n margin: 0;\n color: var(--cs-muted);\n font-size: 16px;\n line-height: 1.65;\n }\n\n .cs-gift strong {\n color: var(--cs-text);\n font-weight: 600;\n }\n\n \/* Brand line *\/\n .cs-signature {\n margin-top: 34px;\n color: var(--cs-text);\n font-size: 15px;\n letter-spacing: 0.2px;\n opacity: 0;\n animation: csFadeUp 0.9s ease 0.68s forwards;\n }\n\n .cs-signature span {\n color: var(--cs-gold);\n font-weight: 600;\n }\n\n \/* Animations *\/\n @keyframes csFadeUp {\n from {\n opacity: 0;\n transform: translateY(22px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes csShimmer {\n 0% {\n background-position: 120% 0;\n }\n 100% {\n background-position: -120% 0;\n }\n }\n\n \/* Mobile *\/\n @media (max-width: 640px) {\n .cs-mirror {\n padding: 60px 16px;\n }\n\n .cs-title {\n font-size: 38px;\n letter-spacing: -1.4px;\n }\n\n .cs-tagline {\n font-size: 15px;\n line-height: 1.65;\n }\n\n .cs-features {\n grid-template-columns: 1fr;\n }\n\n .cs-feature {\n padding: 17px 16px;\n }\n\n .cs-gift {\n padding: 28px 20px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .cs-mirror *,\n .cs-mirror *::before,\n .cs-mirror *::after {\n animation: none !important;\n transition: none !important;\n }\n\n .cs-eyebrow,\n .cs-title,\n .cs-tagline,\n .cs-divider,\n .cs-features,\n .cs-gift,\n .cs-signature {\n opacity: 1;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"cs-mirror\"\u003e\n \u003cdiv class=\"cs-wrap\"\u003e\n\n \u003cdiv class=\"cs-eyebrow\"\u003eCart Society™\u003c\/div\u003e\n\n \u003ch2 class=\"cs-title\"\u003e\n Personalized\u003cbr\u003e\n \u003cspan\u003eCompact Mirror\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"cs-tagline\"\u003e\n \u003cstrong\u003eYour name. Your style. Your personal essential.\u003c\/strong\u003e\n \u003cbr\u003e\n A sleek personalised compact mirror designed to make every moment feel special.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cs-features\"\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e✦\u003c\/div\u003e\n \u003cdiv class=\"cs-feature-text\"\u003e\n Personalised with your chosen name\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e✧\u003c\/div\u003e\n \u003cdiv class=\"cs-feature-text\"\u003e\n Elegant metallic finish\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e◌\u003c\/div\u003e\n \u003cdiv class=\"cs-feature-text\"\u003e\n Dual mirrors for everyday convenience\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-feature\"\u003e\n \u003cdiv class=\"cs-icon\"\u003e✦\u003c\/div\u003e\n \u003cdiv class=\"cs-feature-text\"\u003e\n Compact and travel-friendly\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-gift\"\u003e\n \u003cdiv class=\"cs-gift-icon\"\u003e♡\u003c\/div\u003e\n\n \u003cp\u003e\n A \u003cstrong\u003ebeautiful personalised gift for someone special\u003c\/strong\u003e\n or a lovely keepsake to treasure for yourself.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-signature\"\u003e\n Made personal — only from \u003cspan\u003eCart Society™\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Gold","offer_id":67622755533110,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Silver","offer_id":67622755565878,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Rose gold","offer_id":67622755598646,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPT_Image_Aug_23_2026_11_44_32_PM.png?v=1787521545"},{"product_id":"cart-society™-wet-dry-detangling-hair-brush","title":"Cart Society™ Wet \u0026 Dry Detangling Hair Brush","description":"\u003cstyle\u003e\n\n.cart-society-premium {\n max-width:1200px;\n margin:auto;\n padding:60px 20px;\n font-family:\"Helvetica Neue\", Arial, sans-serif;\n color:#3b302d;\n background:#fffaf5;\n}\n\n\n\/* HERO *\/\n\n.cs-header {\n text-align:center;\n animation:fade 1.2s ease;\n}\n\n.cs-header h1 {\n font-size:42px;\n font-weight:600;\n letter-spacing:-1px;\n margin-bottom:15px;\n color:#3a2b28;\n}\n\n.cs-subtitle {\n font-size:19px;\n color:#9b7770;\n letter-spacing:.5px;\n}\n\n\n.cs-intro {\n max-width:850px;\n margin:35px auto;\n text-align:center;\n line-height:1.9;\n font-size:17px;\n}\n\n\n\/* BENEFIT GRID *\/\n\n.cs-benefits {\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\n gap:25px;\n margin-top:55px;\n}\n\n\n.cs-card {\n\nbackground:#fff;\nborder-radius:24px;\npadding:35px 28px;\n\nbox-shadow:\n0 10px 35px rgba(186,140,120,.12);\n\nborder:1px solid #f5ddd4;\n\ntransition:.4s ease;\n\nopacity:0;\nanimation:rise .9s ease forwards;\n\n}\n\n\n.cs-card:hover {\n\ntransform:translateY(-10px);\n\nbox-shadow:\n0 20px 50px rgba(186,140,120,.2);\n\n}\n\n\n\n.cs-icon {\n\nheight:55px;\nwidth:55px;\nborder-radius:50%;\nbackground:#fbe5df;\n\ndisplay:flex;\nalign-items:center;\njustify-content:center;\n\nfont-size:26px;\n\nmargin-bottom:20px;\n\n}\n\n\n\n.cs-card h3 {\n\nfont-size:21px;\nmargin-bottom:12px;\nfont-weight:600;\ncolor:#3d2d2a;\n\n}\n\n\n.cs-card p {\n\nfont-size:15.5px;\nline-height:1.7;\ncolor:#76625d;\n\n}\n\n\n\n\/* PREMIUM CTA *\/\n\n.cs-lifestyle {\n\nmargin-top:70px;\n\nbackground:\n\nlinear-gradient(\n135deg,\n#fff0eb,\n#fffaf5\n);\n\nborder-radius:35px;\n\npadding:55px 35px;\n\ntext-align:center;\n\nborder:1px solid #f4d8ce;\n\n}\n\n\n\n.cs-lifestyle h2 {\n\nfont-size:34px;\nmargin-bottom:20px;\n\n}\n\n\n\n.cs-lifestyle p {\n\nmax-width:750px;\nmargin:auto;\n\nfont-size:17px;\nline-height:1.8;\n\n}\n\n\n\n.cs-brand {\n\nmargin-top:30px;\n\nfont-size:19px;\n\nletter-spacing:1px;\n\ncolor:#c28b79;\n\nfont-weight:600;\n\n}\n\n\n\n\/* ANIMATION *\/\n\n@keyframes fade {\n\nfrom{\nopacity:0;\n}\n\nto{\nopacity:1;\n}\n\n}\n\n\n@keyframes rise {\n\nfrom{\nopacity:0;\ntransform:translateY(35px);\n}\n\nto{\nopacity:1;\ntransform:translateY(0);\n}\n\n}\n\n\n\n\/* MOBILE *\/\n\n@media(max-width:600px){\n\n.cs-header h1{\nfont-size:30px;\n}\n\n.cs-subtitle{\nfont-size:16px;\n}\n\n.cs-lifestyle h2{\nfont-size:26px;\n}\n\n}\n\n\u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"cart-society-premium\"\u003e\n\n\n\u003cdiv class=\"cs-header\"\u003e\n\n\u003ch1\u003e\nCart Society™ Wet \u0026amp; Dry Detangling Hair Brush\n\u003c\/h1\u003e\n\n\n\u003cdiv class=\"cs-subtitle\"\u003e\nEffortless Detangling • Beautiful Hair • Everyday Luxury\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"cs-intro\"\u003e\n\nMeet your new everyday beauty essential.\n\nThe \u003cstrong\u003eCart Society™ Wet \u0026amp; Dry Detangling Hair Brush\u003c\/strong\u003e is designed for women who want smoother, healthier-looking hair without the frustration of painful pulling or stubborn knots.\n\nCrafted in elegant \u003cstrong\u003ewarm ivory and blush tones\u003c\/strong\u003e, it turns your daily hair routine into a moment of effortless self-care.\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003cdiv class=\"cs-benefits\"\u003e\n\n\n\n\u003cdiv class=\"cs-card\"\u003e\n\n\u003cdiv class=\"cs-icon\"\u003e✨\u003c\/div\u003e\n\n\u003ch3\u003e\nPain-Free Detangling\n\u003c\/h3\u003e\n\n\u003cp\u003e\nFlexible bristles gently glide through knots and tangles, helping reduce pulling and breakage while leaving hair feeling soft, smooth, and refreshed.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003cdiv class=\"cs-card\"\u003e\n\n\u003cdiv class=\"cs-icon\"\u003e💗\u003c\/div\u003e\n\n\u003ch3\u003e\nDesigned For Wet \u0026amp; Dry Hair\n\u003c\/h3\u003e\n\n\u003cp\u003e\nPerfect after your shower, during styling, or for quick touch-ups throughout the day. One brush designed for every part of your beauty routine.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003cdiv class=\"cs-card\"\u003e\n\n\u003cdiv class=\"cs-icon\"\u003e🌸\u003c\/div\u003e\n\n\u003ch3\u003e\nA Luxury Scalp Massage\n\u003c\/h3\u003e\n\n\u003cp\u003e\nEnjoy a relaxing brushing experience as flexible bristles gently massage your scalp, making everyday hair care feel like a spa ritual.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003cdiv class=\"cs-card\"\u003e\n\n\u003cdiv class=\"cs-icon\"\u003e💧\u003c\/div\u003e\n\n\u003ch3\u003e\nSmooth Product Application\n\u003c\/h3\u003e\n\n\u003cp\u003e\nHelps evenly distribute conditioners, masks, and styling products so your hair receives complete care from root to tip.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003cdiv class=\"cs-card\"\u003e\n\n\u003cdiv class=\"cs-icon\"\u003e🤍\u003c\/div\u003e\n\n\u003ch3\u003e\nElegant \u0026amp; Comfortable Design\n\u003c\/h3\u003e\n\n\u003cp\u003e\nA lightweight ergonomic handle provides effortless control while the premium ivory and blush finish adds beauty to your vanity.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003cdiv class=\"cs-card\"\u003e\n\n\u003cdiv class=\"cs-icon\"\u003e👑\u003c\/div\u003e\n\n\u003ch3\u003e\nPerfect For Every Hair Type\n\u003c\/h3\u003e\n\n\u003cp\u003e\nCreated for straight, wavy, curly, thick, fine, long, and textured hair — a timeless essential for every woman's collection.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\u003cdiv class=\"cs-lifestyle\"\u003e\n\n\n\u003ch2\u003e\nYour Hair Deserves A Little Luxury\n\u003c\/h2\u003e\n\n\n\u003cp\u003e\n\nAt \u003cstrong\u003eCart Society™\u003c\/strong\u003e, we believe everyday essentials should feel beautiful.\n\nThe Wet \u0026amp; Dry Detangling Hair Brush combines elegance, comfort, and performance to transform a simple daily habit into a premium self-care moment.\n\n\u003c\/p\u003e\n\n\n\u003cdiv class=\"cs-brand\"\u003e\nCart Society™\u003cbr\u003e\nLuxury essentials for your everyday lifestyle.\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Cart Society","offers":[{"title":"Purple","offer_id":54589060514102,"sku":null,"price":219.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":54589060546870,"sku":null,"price":219.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":54589060579638,"sku":null,"price":219.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPT_Image_Aug_23_2026_04_59_27_PM.png?v=1787497254"},{"product_id":"premium-silicone-beauty-organizer","title":"Cart Society™ Premium Silicone Beauty Organizer Set","description":"\u003cstyle\u003e\n.cart-society {\n position: relative;\n overflow: hidden;\n padding: 90px 20px;\n background: linear-gradient(135deg, #fffdfc, #fdf3f3);\n font-family: Arial, sans-serif;\n}\n\n.cart-society * {\n box-sizing: border-box;\n}\n\n.cs-wrapper {\n max-width: 850px;\n margin: auto;\n}\n\n.cs-box {\n position: relative;\n padding: 70px 65px;\n text-align: center;\n background: rgba(255,255,255,.9);\n border: 1px solid #eadada;\n border-radius: 32px;\n box-shadow: 0 30px 80px rgba(70,40,40,.10);\n overflow: hidden;\n}\n\n\/* Soft luxury glow *\/\n\n.cs-box::before {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n background: #f3dada;\n filter: blur(70px);\n opacity: .35;\n top: -150px;\n right: -100px;\n animation: glowMove 7s ease-in-out infinite;\n}\n\n.cs-box::after {\n content: \"\";\n position: absolute;\n width: 250px;\n height: 250px;\n border-radius: 50%;\n background: #ead5bc;\n filter: blur(70px);\n opacity: .18;\n bottom: -140px;\n left: -100px;\n animation: glowMoveTwo 8s ease-in-out infinite;\n}\n\n.cs-content {\n position: relative;\n z-index: 2;\n}\n\n\/* BRAND *\/\n\n.cs-label {\n color: #b08a62;\n font-size: 11px;\n font-weight: bold;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 22px;\n}\n\n\/* TITLE *\/\n\n.cs-title {\n margin: 0;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 60px;\n line-height: 1.05;\n font-weight: 400;\n letter-spacing: -2px;\n color: #272122;\n}\n\n.cs-title span {\n display: block;\n color: #b08a62;\n font-style: italic;\n margin-top: 8px;\n}\n\n\/* DESCRIPTION *\/\n\n.cs-text {\n max-width: 620px;\n margin: 28px auto 35px;\n color: #756b6b;\n font-size: 15px;\n line-height: 1.9;\n}\n\n.cs-text strong {\n color: #332b2c;\n}\n\n\/* BENEFITS *\/\n\n.cs-benefits {\n max-width: 600px;\n margin: 0 auto 35px;\n\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n}\n\n.cs-benefit {\n padding: 15px;\n border-radius: 14px;\n background: #fcf7f7;\n border: 1px solid #eee1e1;\n color: #403838;\n font-size: 13px;\n font-weight: 600;\n transition: all .35s ease;\n}\n\n.cs-benefit:hover {\n transform: translateY(-4px);\n background: #fff;\n box-shadow: 0 12px 25px rgba(60,40,40,.08);\n}\n\n\/* BUTTON *\/\n\n.cs-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 15px;\n\n min-width: 220px;\n padding: 18px 34px;\n\n border-radius: 50px;\n\n background: #241f20;\n color: white !important;\n\n text-decoration: none !important;\n\n font-size: 12px;\n font-weight: bold;\n letter-spacing: 2px;\n text-transform: uppercase;\n\n box-shadow: 0 15px 35px rgba(36,31,32,.20);\n\n transition: all .35s ease;\n}\n\n.cs-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 45px rgba(36,31,32,.28);\n}\n\n.cs-arrow {\n font-size: 18px;\n transition: transform .3s ease;\n}\n\n.cs-button:hover .cs-arrow {\n transform: translateX(6px);\n}\n\n.cs-note {\n margin-top: 14px;\n color: #9a8e8e;\n font-size: 10px;\n letter-spacing: .5px;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes glowMove {\n 0%,100% {\n transform: translate(0,0);\n }\n\n 50% {\n transform: translate(-25px,25px);\n }\n}\n\n@keyframes glowMoveTwo {\n 0%,100% {\n transform: translate(0,0);\n }\n\n 50% {\n transform: translate(25px,-20px);\n }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 700px) {\n\n .cart-society {\n padding: 45px 15px;\n }\n\n .cs-box {\n padding: 50px 22px;\n border-radius: 25px;\n }\n\n .cs-title {\n font-size: 43px;\n letter-spacing: -1px;\n }\n\n .cs-text {\n font-size: 14px;\n line-height: 1.75;\n }\n\n .cs-benefits {\n grid-template-columns: 1fr;\n }\n\n .cs-button {\n width: 100%;\n }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"cart-society\"\u003e\n\n \u003cdiv class=\"cs-wrapper\"\u003e\n\n \u003cdiv class=\"cs-box\"\u003e\n\n \u003cdiv class=\"cs-content\"\u003e\n\n \u003cdiv class=\"cs-label\"\u003e\n CART SOCIETY™\n \u003c\/div\u003e\n\n \u003ch2 class=\"cs-title\"\u003e\n Your Beauty\n \u003cspan\u003eEssentials, Elevated.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"cs-text\"\u003e\n Meet the \u003cstrong\u003ePremium Silicone Beauty Organizer\u003c\/strong\u003e —\n a chic and effortless way to keep your beauty essentials\n beautifully organized. Its sleek silicone design adds a\n luxurious touch to your vanity while keeping your everyday\n beauty tools clean, protected and within reach.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"cs-benefits\"\u003e\n\n \u003cdiv class=\"cs-benefit\"\u003e\n ✦ Premium Silicone\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-benefit\"\u003e\n ♡ Soft \u0026amp; Luxurious\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-benefit\"\u003e\n 💧 Waterproof\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-benefit\"\u003e\n ✨ Easy to Clean\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003ca href=\"\/products\/premium-silicone-beauty-organizer\" class=\"cs-button\"\u003e\n Shop Now\n \u003cspan class=\"cs-arrow\"\u003e→\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003cdiv class=\"cs-note\"\u003e\n Made for your everyday beauty ritual.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54455976591670,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPT_Image_Aug_24_2026_10_37_34_PM.png?v=1787604025"},{"product_id":"untitled-21sept_08-59-50","title":"Cart Society™ Rechargeable Milk Frother","description":"\u003cdiv style=\"font-family:Arial,Helvetica,sans-serif;color:#403a35;line-height:1.7;max-width:850px;margin:0 auto;background:#fffdfb;\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv style=\"text-align:center;padding:38px 20px 34px;background:#f4ede5;border-radius:18px;margin-bottom:28px;\"\u003e\n\n\u003cdiv style=\"font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#a48668;margin-bottom:12px;\"\u003e\nCART SOCIETY™\n\u003c\/div\u003e\n\n\u003ch2 style=\"font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-0.5px;margin:0 0 14px;color:#3b352f;\"\u003e\nYour Everyday Coffee,\u003cbr\u003e\nElevated.\n\u003c\/h2\u003e\n\n\u003cp style=\"font-size:15px;color:#716960;max-width:600px;margin:0 auto;\"\u003e\nCreate smooth, creamy foam at home and turn your everyday coffee into a café-style experience.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- INTRO --\u003e\n\u003cdiv style=\"padding:5px 8px 25px;\"\u003e\n\n\u003ch3 style=\"font-size:22px;font-weight:500;margin-bottom:10px;color:#403931;\"\u003e\nMeet Your New Coffee Essential\n\u003c\/h3\u003e\n\n\u003cp style=\"font-size:15px;color:#665f58;\"\u003e\nThe \u003cstrong\u003eCart Society™ Rechargeable Milk Frother\u003c\/strong\u003e makes it effortless to create beautifully frothed milk for your favourite drinks.\nIts sleek, compact design and powerful motor make it a simple addition to your daily coffee ritual.\n\u003c\/p\u003e\n\n\u003cp style=\"font-size:15px;color:#665f58;\"\u003e\nFrom morning cappuccinos to afternoon iced lattes, enjoy a rich and creamy finish without needing an expensive coffee machine.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- BENEFITS --\u003e\n\u003cdiv style=\"background:#f8f3ee;border-radius:18px;padding:30px 20px;margin:10px 0 30px;\"\u003e\n\n\u003ch3 style=\"text-align:center;font-size:22px;font-weight:500;margin:0 0 25px;color:#403931;\"\u003e\nWhy You'll Love It\n\u003c\/h3\u003e\n\n\u003cdiv style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;\"\u003e\n\n\u003cdiv style=\"background:#fffdfb;padding:20px;border-radius:14px;border:1px solid #eee5dc;\"\u003e\n\u003cdiv style=\"font-size:22px;margin-bottom:8px;\"\u003e☕\u003c\/div\u003e\n\u003ch4 style=\"margin:0 0 7px;font-size:16px;font-weight:600;color:#403931;\"\u003e\nCreamy, Café-Style Foam\n\u003c\/h4\u003e\n\u003cp style=\"margin:0;font-size:14px;color:#746c64;\"\u003e\nCreate smooth, velvety foam to give your favourite drinks a delicious finishing touch.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"background:#fffdfb;padding:20px;border-radius:14px;border:1px solid #eee5dc;\"\u003e\n\u003cdiv style=\"font-size:22px;margin-bottom:8px;\"\u003e✦\u003c\/div\u003e\n\u003ch4 style=\"margin:0 0 7px;font-size:16px;font-weight:600;color:#403931;\"\u003e\nPowerful \u0026amp; Fast\n\u003c\/h4\u003e\n\u003cp style=\"margin:0;font-size:14px;color:#746c64;\"\u003e\nThe high-speed motor quickly whisks your milk, helping you create foam in moments.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"background:#fffdfb;padding:20px;border-radius:14px;border:1px solid #eee5dc;\"\u003e\n\u003cdiv style=\"font-size:22px;margin-bottom:8px;\"\u003e♡\u003c\/div\u003e\n\u003ch4 style=\"margin:0 0 7px;font-size:16px;font-weight:600;color:#403931;\"\u003e\nRechargeable\n\u003c\/h4\u003e\n\u003cp style=\"margin:0;font-size:14px;color:#746c64;\"\u003e\nRecharge when needed and enjoy the convenience of a reusable frother without constantly replacing batteries.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"background:#fffdfb;padding:20px;border-radius:14px;border:1px solid #eee5dc;\"\u003e\n\u003cdiv style=\"font-size:22px;margin-bottom:8px;\"\u003e◇\u003c\/div\u003e\n\u003ch4 style=\"margin:0 0 7px;font-size:16px;font-weight:600;color:#403931;\"\u003e\nSleek \u0026amp; Compact\n\u003c\/h4\u003e\n\u003cp style=\"margin:0;font-size:14px;color:#746c64;\"\u003e\nA minimalist handheld design that stores easily and fits beautifully into your kitchen routine.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"background:#fffdfb;padding:20px;border-radius:14px;border:1px solid #eee5dc;\"\u003e\n\u003cdiv style=\"font-size:22px;margin-bottom:8px;\"\u003e◌\u003c\/div\u003e\n\u003ch4 style=\"margin:0 0 7px;font-size:16px;font-weight:600;color:#403931;\"\u003e\nLow-Noise Design\n\u003c\/h4\u003e\n\u003cp style=\"margin:0;font-size:14px;color:#746c64;\"\u003e\nDesigned to operate with less noise for a more enjoyable coffee-making experience.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"background:#fffdfb;padding:20px;border-radius:14px;border:1px solid #eee5dc;\"\u003e\n\u003cdiv style=\"font-size:22px;margin-bottom:8px;\"\u003e✧\u003c\/div\u003e\n\u003ch4 style=\"margin:0 0 7px;font-size:16px;font-weight:600;color:#403931;\"\u003e\nSimple to Use\n\u003c\/h4\u003e\n\u003cp style=\"margin:0;font-size:14px;color:#746c64;\"\u003e\nSimply add your milk, insert the whisk and let the frother do the work.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- DRINKS --\u003e\n\u003cdiv style=\"padding:5px 8px 28px;\"\u003e\n\n\u003ch3 style=\"font-size:22px;font-weight:500;text-align:center;margin-bottom:8px;color:#403931;\"\u003e\nMore Than Just Coffee\n\u003c\/h3\u003e\n\n\u003cp style=\"text-align:center;font-size:14px;color:#746c64;margin-bottom:22px;\"\u003e\nMake your favourite drinks feel a little more special.\n\u003c\/p\u003e\n\n\u003cdiv style=\"display:flex;flex-wrap:wrap;justify-content:center;gap:9px;\"\u003e\n\n\u003cspan style=\"background:#eee2d6;color:#574c43;padding:9px 16px;border-radius:30px;font-size:13px;\"\u003e\nCappuccinos\n\u003c\/span\u003e\n\n\u003cspan style=\"background:#eee2d6;color:#574c43;padding:9px 16px;border-radius:30px;font-size:13px;\"\u003e\nLattes\n\u003c\/span\u003e\n\n\u003cspan style=\"background:#eee2d6;color:#574c43;padding:9px 16px;border-radius:30px;font-size:13px;\"\u003e\nIced Coffee\n\u003c\/span\u003e\n\n\u003cspan style=\"background:#eee2d6;color:#574c43;padding:9px 16px;border-radius:30px;font-size:13px;\"\u003e\nHot Chocolate\n\u003c\/span\u003e\n\n\u003cspan style=\"background:#eee2d6;color:#574c43;padding:9px 16px;border-radius:30px;font-size:13px;\"\u003e\nMatcha\n\u003c\/span\u003e\n\n\u003cspan style=\"background:#eee2d6;color:#574c43;padding:9px 16px;border-radius:30px;font-size:13px;\"\u003e\nMilk Foam\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- LIFESTYLE SECTION --\u003e\n\u003cdiv style=\"background:#eee3d8;border-radius:18px;padding:35px 25px;text-align:center;margin:10px 0 30px;\"\u003e\n\n\u003cdiv style=\"font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#a48668;margin-bottom:12px;\"\u003e\nYOUR DAILY RITUAL\n\u003c\/div\u003e\n\n\u003ch3 style=\"font-size:25px;font-weight:500;margin:0 0 12px;color:#403931;\"\u003e\nSmall Tool. Beautiful Results.\n\u003c\/h3\u003e\n\n\u003cp style=\"font-size:14px;color:#6d645c;max-width:600px;margin:0 auto;\"\u003e\nWhether you're starting your morning slowly or treating yourself to an afternoon coffee,\nthe Cart Society™ Milk Frother makes it easy to create something delicious at home.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- EASY CLEANING --\u003e\n\u003cdiv style=\"padding:5px 8px 25px;\"\u003e\n\n\u003ch3 style=\"font-size:21px;font-weight:500;margin-bottom:10px;color:#403931;\"\u003e\nEasy to Clean\n\u003c\/h3\u003e\n\n\u003cp style=\"font-size:14px;color:#6d655e;\"\u003e\nAfter use, rinse the whisk attachment under running water and wipe the main body clean.\nThe compact design makes storing it simple and convenient.\n\u003c\/p\u003e\n\n\u003cdiv style=\"background:#f6eee7;border-left:3px solid #b99a78;padding:13px 15px;margin-top:15px;font-size:13px;color:#665c54;border-radius:0 8px 8px 0;\"\u003e\n\u003cstrong\u003ePlease note:\u003c\/strong\u003e Do not immerse the main frother body in water.\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- WHAT'S INCLUDED --\u003e\n\u003cdiv style=\"border-top:1px solid #e9dfd5;padding:25px 8px;\"\u003e\n\n\u003ch3 style=\"font-size:21px;font-weight:500;margin-bottom:15px;color:#403931;\"\u003e\nWhat's Included\n\u003c\/h3\u003e\n\n\u003cp style=\"font-size:14px;color:#6b635c;margin:7px 0;\"\u003e\n✓ 1 × Rechargeable Electric Milk Frother\n\u003c\/p\u003e\n\n\u003cp style=\"font-size:14px;color:#6b635c;margin:7px 0;\"\u003e\n✓ 1 × Stainless-Steel Whisk Attachment\n\u003c\/p\u003e\n\n\u003cp style=\"font-size:14px;color:#6b635c;margin:7px 0;\"\u003e\n✓ 1 × USB Charging Cable\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- FINAL --\u003e\n\u003cdiv style=\"text-align:center;padding:30px 20px 15px;background:#f4ede5;border-radius:18px;margin-top:10px;\"\u003e\n\n\u003cdiv style=\"font-size:11px;letter-spacing:3px;color:#a48668;text-transform:uppercase;margin-bottom:10px;\"\u003e\nCART SOCIETY™\n\u003c\/div\u003e\n\n\u003ch3 style=\"font-size:25px;font-weight:500;margin:0 0 10px;color:#403931;\"\u003e\nMake Every Cup Feel Special.\n\u003c\/h3\u003e\n\n\u003cp style=\"font-size:14px;color:#716960;margin:0;\"\u003e\nYour coffee ritual, beautifully upgraded.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54604721291574,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/ChatGPTImageSep25_2026_12_49_37PM.png?v=1790333480"},{"product_id":"untitled-27sept_00-24-02","title":"Cart Society™ Maxi Travel Bag","description":"\u003cstyle\u003e\n .cs-luxury-wrapper {\n position: relative;\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n padding: 10px 20px;\n background: linear-gradient(135deg, #fffdfb 0%, #f8f5f1 100%);\n color: #2b2927;\n line-height: 1.7;\n font-family: Georgia, \"Times New Roman\", serif;\n }\n\n \/* Floating bubbles *\/\n .cs-bubble {\n position: absolute;\n bottom: -80px;\n border-radius: 50%;\n background: rgba(201, 183, 165, 0.12);\n border: 1px solid rgba(180, 158, 138, 0.15);\n pointer-events: none;\n animation: csFloat 10s infinite ease-in;\n }\n\n .cs-bubble:nth-child(1) {\n width: 45px;\n height: 45px;\n left: 8%;\n animation-delay: 0s;\n animation-duration: 11s;\n }\n\n .cs-bubble:nth-child(2) {\n width: 22px;\n height: 22px;\n left: 25%;\n animation-delay: 3s;\n animation-duration: 9s;\n }\n\n .cs-bubble:nth-child(3) {\n width: 65px;\n height: 65px;\n left: 55%;\n animation-delay: 1s;\n animation-duration: 13s;\n }\n\n .cs-bubble:nth-child(4) {\n width: 30px;\n height: 30px;\n left: 75%;\n animation-delay: 5s;\n animation-duration: 10s;\n }\n\n .cs-bubble:nth-child(5) {\n width: 18px;\n height: 18px;\n left: 90%;\n animation-delay: 2s;\n animation-duration: 8s;\n }\n\n @keyframes csFloat {\n 0% {\n transform: translateY(0) scale(0.8);\n opacity: 0;\n }\n\n 15% {\n opacity: 0.7;\n }\n\n 50% {\n transform: translateY(-350px) translateX(20px) scale(1);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateY(-750px) translateX(-20px) scale(1.2);\n opacity: 0;\n }\n }\n\n .cs-content {\n position: relative;\n z-index: 2;\n }\n\n .cs-brand {\n font-family: Arial, sans-serif;\n font-size: 11px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: #9a8773;\n margin-bottom: 12px;\n }\n\n .cs-title {\n font-size: 32px;\n font-weight: 400;\n letter-spacing: 1px;\n margin: 0 0 10px;\n }\n\n .cs-subtitle {\n font-size: 15px;\n font-style: italic;\n color: #82776e;\n margin: 0;\n }\n\n .cs-divider {\n height: 1px;\n background: #e5ddd5;\n margin: 28px 0;\n }\n\n .cs-text {\n font-size: 16px;\n margin-bottom: 18px;\n }\n\n .cs-highlight {\n background: rgba(255,255,255,0.7);\n padding: 25px 28px;\n margin: 30px 0;\n border: 1px solid #e9e1d9;\n box-shadow: 0 8px 25px rgba(80,65,50,0.05);\n }\n\n .cs-section-title {\n font-family: Arial, sans-serif;\n font-size: 11px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #9a8773;\n margin-bottom: 18px;\n }\n\n .cs-feature {\n margin: 10px 0;\n font-size: 15px;\n }\n\n .cs-quote {\n text-align: center;\n padding: 20px 0 15px;\n }\n\n .cs-quote p {\n font-size: 21px;\n font-style: italic;\n margin: 0 0 7px;\n }\n\n .cs-footer {\n text-align: center;\n }\n\n .cs-footer-text {\n font-size: 14px;\n font-style: italic;\n color: #82776e;\n margin: 0;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"cs-luxury-wrapper\"\u003e\n\n \u003c!-- Floating bubbles --\u003e\n \u003cdiv class=\"cs-bubble\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-bubble\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-bubble\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-bubble\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-bubble\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cs-content\"\u003e\n\n \u003cdiv style=\"text-align:center; padding:20px 0 28px;\"\u003e\n\n \u003cdiv class=\"cs-brand\"\u003e\n CART SOCIETY™\n \u003c\/div\u003e\n\n \u003ch2 class=\"cs-title\"\u003e\n Maxi Travel Bag\n \u003c\/h2\u003e\n\n \u003cp class=\"cs-subtitle\"\u003e\n Your beauty essentials, beautifully organised. ✨\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-divider\"\u003e\u003c\/div\u003e\n\n \u003cp class=\"cs-text\"\u003e\n Meet the \u003cstrong\u003eCart Society™ Maxi Travel Bag\u003c\/strong\u003e — an effortlessly elegant beauty organiser designed to keep your makeup, skincare and beauty essentials beautifully arranged wherever you go.\n \u003c\/p\u003e\n\n \u003cp class=\"cs-text\"\u003e\n Finished in a sophisticated \u003cstrong\u003eneutral leopard print\u003c\/strong\u003e with refined gold-tone detailing, its spacious interior and dedicated brush compartments bring together \u003cstrong\u003estyle, practicality and everyday luxury.\u003c\/strong\u003e 🤎\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-highlight\"\u003e\n\n \u003cdiv class=\"cs-section-title\"\u003e\n Designed for every getaway\n \u003c\/div\u003e\n\n \u003cp class=\"cs-feature\"\u003e✦ Travel \u0026amp; holidays\u003c\/p\u003e\n \u003cp class=\"cs-feature\"\u003e✦ Weekend escapes\u003c\/p\u003e\n \u003cp class=\"cs-feature\"\u003e✦ Makeup \u0026amp; beauty essentials\u003c\/p\u003e\n \u003cp class=\"cs-feature\"\u003e✦ Skincare organisation\u003c\/p\u003e\n \u003cp class=\"cs-feature\"\u003e✦ Everyday beauty storage\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-quote\"\u003e\n\n \u003cp\u003ePack beautifully.\u003c\/p\u003e\n \u003cp\u003eStay organised.\u003c\/p\u003e\n \u003cp\u003eTravel effortlessly. ✈️\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cs-footer\"\u003e\n\n \u003cdiv class=\"cs-brand\"\u003e\n CART SOCIETY™\n \u003c\/div\u003e\n\n \u003cp class=\"cs-footer-text\"\u003e\n Where beauty meets everyday luxury. ✨\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":67582872355126,"sku":null,"price":269.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/file-0000000020d48208aafd2eec15b4a9fe.png?v=1790462241"},{"product_id":"cart-society™-mini-power-vac","title":"Cart Society™ Mini Power Vac","description":"\u003cstyle\u003e\n.cart-vac {\nbackground: #f8f7f4;\ncolor: #191816;\npadding: 80px 24px;\nfont-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.cart-vac-inner {\nmax-width: 920px;\nmargin: 0 auto;\n}\n\n.cart-vac-top {\ntext-align: center;\nmax-width: 720px;\nmargin: 0 auto 70px;\n}\n\n.cart-vac-label {\nfont-size: 10px;\nletter-spacing: 3px;\ntext-transform: uppercase;\ncolor: #a98b6b;\nmargin-bottom: 22px;\nfont-weight: 600;\n}\n\n.cart-vac-title {\nfont-size: clamp(38px, 6vw, 60px);\nline-height: 1.02;\nletter-spacing: -2.5px;\nfont-weight: 500;\nmargin: 0;\n}\n\n.cart-vac-subtitle {\nmargin: 26px auto 0;\nmax-width: 590px;\nfont-size: 16px;\nline-height: 1.8;\ncolor: #706b64;\n}\n\n.cart-vac-line {\nwidth: 50px;\nheight: 1px;\nbackground: #a98b6b;\nmargin: 0 auto 50px;\n}\n\n.cart-vac-content {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 65px;\nalign-items: start;\n}\n\n.cart-vac-section h3 {\nfont-size: 22px;\nfont-weight: 500;\nletter-spacing: -0.4px;\nmargin: 0 0 16px;\n}\n\n.cart-vac-section p {\nfont-size: 14px;\nline-height: 1.85;\ncolor: #706b64;\nmargin: 0;\n}\n\n.cart-vac-list {\nmargin-top: 24px;\npadding: 0;\nlist-style: none;\n}\n\n.cart-vac-list li {\nposition: relative;\npadding: 13px 0 13px 20px;\nborder-bottom: 1px solid rgba(169,139,107,0.18);\nfont-size: 14px;\ncolor: #35322f;\n}\n\n.cart-vac-list li:before {\ncontent: \"\";\nposition: absolute;\nleft: 0;\ntop: 21px;\nwidth: 5px;\nheight: 5px;\nborder-radius: 50%;\nbackground: #a98b6b;\n}\n\n.cart-vac-quote {\nmargin-top: 70px;\npadding: 45px 30px;\ntext-align: center;\nbackground: #efede8;\n}\n\n.cart-vac-quote p {\nmax-width: 600px;\nmargin: 0 auto;\nfont-size: 25px;\nline-height: 1.4;\nletter-spacing: -0.5px;\nfont-weight: 400;\n}\n\n.cart-vac-bottom {\ntext-align: center;\nmargin-top: 35px;\nfont-size: 10px;\nletter-spacing: 3px;\ntext-transform: uppercase;\ncolor: #a98b6b;\n}\n\n@media (max-width: 700px) {\n.cart-vac {\npadding: 60px 20px;\n}\n\n.cart-vac-top {\nmargin-bottom: 55px;\n}\n\n.cart-vac-content {\ngrid-template-columns: 1fr;\ngap: 45px;\n}\n\n.cart-vac-title {\nletter-spacing: -1.8px;\n}\n\n.cart-vac-quote {\nmargin-top: 55px;\npadding: 38px 22px;\n}\n\n.cart-vac-quote p {\nfont-size: 21px;\n}\n}\n\u003c\/style\u003e\n\n\u003csection class=\"cart-vac\"\u003e\n\n\u003cdiv class=\"cart-vac-inner\"\u003e\n\n\u003cdiv class=\"cart-vac-top\"\u003e\n\n\u003cdiv class=\"cart-vac-label\"\u003e\nCart Society™\n\u003c\/div\u003e\n\n\u003ch2 class=\"cart-vac-title\"\u003e\nSmall. Powerful.\u003cbr\u003e\nEffortlessly Clean.\n\u003c\/h2\u003e\n\n\u003cp class=\"cart-vac-subtitle\"\u003e\nMeet your new everyday cleaning essential. Compact, cordless and\ndesigned for those quick clean-ups that make all the difference.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cart-vac-line\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"cart-vac-content\"\u003e\n\n\u003cdiv class=\"cart-vac-section\"\u003e\n\n\u003ch3\u003eMade for everyday moments.\u003c\/h3\u003e\n\n\u003cp\u003e\nFrom crumbs on the countertop to dust in those hard-to-reach\ncorners, the Cart Society™ Mini Power Vac makes everyday cleaning\nsimple and convenient.\n\u003c\/p\u003e\n\n\u003cul class=\"cart-vac-list\"\u003e\n\u003cli\u003eCordless \u0026amp; portable\u003c\/li\u003e\n\u003cli\u003eCompact and easy to store\u003c\/li\u003e\n\u003cli\u003eUSB rechargeable\u003c\/li\u003e\n\u003cli\u003eLightweight design\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cart-vac-section\"\u003e\n\n\u003ch3\u003eOne little vac. So many uses.\u003c\/h3\u003e\n\n\u003cp\u003e\nDesigned with interchangeable attachments to help you tackle\ndifferent surfaces and spaces around your home or car.\n\u003c\/p\u003e\n\n\u003cul class=\"cart-vac-list\"\u003e\n\u003cli\u003eBrush attachment for dust \u0026amp; delicate surfaces\u003c\/li\u003e\n\u003cli\u003eCrevice attachment for narrow spaces\u003c\/li\u003e\n\u003cli\u003eIdeal for desks, counters \u0026amp; furniture\u003c\/li\u003e\n\u003cli\u003ePerfect for car interiors\u003c\/li\u003e\n\u003cli\u003eReusable filter system\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cart-vac-quote\"\u003e\n\u003cp\u003e\n“Clean the little things.\u003cbr\u003e\nEnjoy the difference.”\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cart-vac-bottom\"\u003e\nCart Society™ · Everyday essentials, beautifully designed\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Black","offer_id":67582894211382,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/file-0000000026b8820887220edc4900f0de.png?v=1790463332"},{"product_id":"cart-society™-x8-powerjet","title":"Cart Society™ X8 PowerJet","description":"\u003cstyle\u003e\n .cs-powerjet {\n background: #f8f7f4;\n color: #181715;\n padding: 75px 22px;\n font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n overflow: hidden;\n position: relative;\n }\n\n \/* Floating bubbles *\/\n .cs-powerjet::before,\n .cs-powerjet::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n opacity: 0.45;\n animation: csFloat 7s ease-in-out infinite;\n }\n\n .cs-powerjet::before {\n width: 120px;\n height: 120px;\n border: 1px solid #c8b59f;\n top: 8%;\n left: -55px;\n }\n\n .cs-powerjet::after {\n width: 80px;\n height: 80px;\n border: 1px solid #d4c5b3;\n right: -30px;\n bottom: 12%;\n animation-delay: 2s;\n }\n\n .cs-powerjet-inner {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .cs-powerjet-brand {\n font-size: 10px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: #a98b6b;\n margin-bottom: 18px;\n font-weight: 600;\n animation: csFadeDown 0.8s ease both;\n }\n\n .cs-powerjet h2 {\n font-size: clamp(32px, 6vw, 52px);\n line-height: 1.05;\n letter-spacing: -1.8px;\n font-weight: 500;\n margin: 0 0 16px;\n animation: csFadeUp 0.9s ease 0.15s both;\n }\n\n .cs-powerjet-tagline {\n font-size: 16px;\n line-height: 1.7;\n color: #6f6b65;\n max-width: 580px;\n margin: 0 auto 55px;\n animation: csFadeUp 0.9s ease 0.3s both;\n }\n\n .cs-powerjet-line {\n width: 45px;\n height: 1px;\n background: #b9a58e;\n margin: 0 auto 55px;\n animation: csLineGrow 1s ease 0.5s both;\n }\n\n \/* Feature grid *\/\n .cs-powerjet-features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1px;\n background: #dedbd5;\n border: 1px solid #dedbd5;\n margin-top: 10px;\n }\n\n .cs-powerjet-feature {\n background: #f8f7f4;\n padding: 34px 25px;\n text-align: center;\n position: relative;\n overflow: hidden;\n\n opacity: 0;\n transform: translateY(25px);\n animation: csFeatureIn 0.7s ease forwards;\n }\n\n .cs-powerjet-feature:nth-child(1) { animation-delay: 0.1s; }\n .cs-powerjet-feature:nth-child(2) { animation-delay: 0.2s; }\n .cs-powerjet-feature:nth-child(3) { animation-delay: 0.3s; }\n .cs-powerjet-feature:nth-child(4) { animation-delay: 0.4s; }\n .cs-powerjet-feature:nth-child(5) { animation-delay: 0.5s; }\n .cs-powerjet-feature:nth-child(6) { animation-delay: 0.6s; }\n .cs-powerjet-feature:nth-child(7) { animation-delay: 0.7s; }\n .cs-powerjet-feature:nth-child(8) { animation-delay: 0.8s; }\n\n \/* Shimmer effect *\/\n .cs-powerjet-feature::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -120%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,0.55),\n transparent\n );\n transform: skewX(-20deg);\n transition: 0.7s;\n }\n\n .cs-powerjet-feature:hover::before {\n left: 140%;\n }\n\n .cs-powerjet-feature:hover {\n background: #f3f1ed;\n transform: translateY(-4px);\n }\n\n .cs-powerjet-icon {\n font-size: 23px;\n margin-bottom: 15px;\n display: block;\n color: #a98b6b;\n transition: transform 0.4s ease;\n }\n\n .cs-powerjet-feature:hover .cs-powerjet-icon {\n transform: scale(1.2) rotate(8deg);\n }\n\n .cs-powerjet-feature h3 {\n font-size: 14px;\n letter-spacing: 0.2px;\n font-weight: 600;\n margin: 0 0 9px;\n }\n\n .cs-powerjet-feature p {\n font-size: 13px;\n line-height: 1.65;\n color: #77736d;\n margin: 0 auto;\n max-width: 300px;\n }\n\n \/* Bottom section *\/\n .cs-powerjet-bottom {\n margin-top: 60px;\n padding-top: 45px;\n border-top: 1px solid #dedbd5;\n animation: csFadeUp 1s ease 1s both;\n }\n\n .cs-powerjet-bottom h3 {\n font-size: 24px;\n font-weight: 500;\n letter-spacing: -0.5px;\n margin: 0 0 12px;\n }\n\n .cs-powerjet-bottom p {\n color: #77736d;\n font-size: 14px;\n line-height: 1.7;\n margin: 0 auto;\n max-width: 500px;\n }\n\n .cs-powerjet-highlight {\n margin-top: 28px;\n font-size: 11px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #a98b6b;\n font-weight: 600;\n\n animation: csPulse 2.5s ease-in-out infinite;\n }\n\n \/* Animations *\/\n @keyframes csFadeUp {\n from {\n opacity: 0;\n transform: translateY(25px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes csFadeDown {\n from {\n opacity: 0;\n transform: translateY(-15px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes csFeatureIn {\n from {\n opacity: 0;\n transform: translateY(25px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes csLineGrow {\n from {\n opacity: 0;\n width: 0;\n }\n to {\n opacity: 1;\n width: 45px;\n }\n }\n\n @keyframes csFloat {\n 0%, 100% {\n transform: translateY(0) rotate(0deg);\n }\n 50% {\n transform: translateY(-25px) rotate(8deg);\n }\n }\n\n @keyframes csPulse {\n 0%, 100% {\n opacity: 0.65;\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n transform: scale(1.04);\n }\n }\n\n \/* Mobile *\/\n @media (max-width: 600px) {\n .cs-powerjet {\n padding: 60px 17px;\n }\n\n .cs-powerjet-features {\n grid-template-columns: 1fr;\n }\n\n .cs-powerjet-feature {\n padding: 30px 22px;\n }\n\n .cs-powerjet-tagline {\n font-size: 15px;\n margin-bottom: 45px;\n }\n }\n\n \/* Accessibility *\/\n @media (prefers-reduced-motion: reduce) {\n .cs-powerjet *,\n .cs-powerjet::before,\n .cs-powerjet::after {\n animation: none !important;\n transition: none !important;\n }\n\n .cs-powerjet-feature {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"cs-powerjet\"\u003e\n\n \u003cdiv class=\"cs-powerjet-inner\"\u003e\n\n \u003cdiv class=\"cs-powerjet-brand\"\u003e\n Cart Society™\n \u003c\/div\u003e\n\n \u003ch2\u003eX8 PowerJet\u003c\/h2\u003e\n\n \u003cp class=\"cs-powerjet-tagline\"\u003e\n Powerful air. Endless uses.\u003cbr\u003e\n A compact rechargeable powerhouse designed for everyday jobs around your home, car and braai.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-powerjet-line\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-features\"\u003e\n\n \u003cdiv class=\"cs-powerjet-feature\"\u003e\n \u003cspan class=\"cs-powerjet-icon\"\u003e〰\u003c\/span\u003e\n \u003ch3\u003eHigh-Speed Airflow\u003c\/h3\u003e\n \u003cp\u003e\n Powerful concentrated airflow for blowing away dust, dirt, crumbs and debris.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-feature\"\u003e\n \u003cspan class=\"cs-powerjet-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eBraai Booster\u003c\/h3\u003e\n \u003cp\u003e\n Use the powerful airflow to help get your charcoal or wood coals going faster.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-feature\"\u003e\n \u003cspan class=\"cs-powerjet-icon\"\u003e◉\u003c\/span\u003e\n \u003ch3\u003eBuilt-In Dual-Mode Light\u003c\/h3\u003e\n \u003cp\u003e\n A built-in light with two modes — steady ON or strobe — for added visibility in darker areas.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-feature\"\u003e\n \u003cspan class=\"cs-powerjet-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3\u003eHigh-Speed Brushless Motor\u003c\/h3\u003e\n \u003cp\u003e\n Powerful performance in a compact, easy-to-use design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-feature\"\u003e\n \u003cspan class=\"cs-powerjet-icon\"\u003e↻\u003c\/span\u003e\n \u003ch3\u003eRechargeable \u0026amp; Cordless\u003c\/h3\u003e\n \u003cp\u003e\n Charge it and use it wherever you need it, without being tied to a power outlet.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-feature\"\u003e\n \u003cspan class=\"cs-powerjet-icon\"\u003e▣\u003c\/span\u003e\n \u003ch3\u003eDigital Battery Display\u003c\/h3\u003e\n \u003cp\u003e\n Easily monitor the remaining battery percentage while you use it.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-feature\"\u003e\n \u003cspan class=\"cs-powerjet-icon\"\u003e⌁\u003c\/span\u003e\n \u003ch3\u003eMulti-Purpose\u003c\/h3\u003e\n \u003cp\u003e\n Perfect for cars, keyboards, electronics, vents, workspaces, household cleaning and more.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-feature\"\u003e\n \u003cspan class=\"cs-powerjet-icon\"\u003e+\u003c\/span\u003e\n \u003ch3\u003eCompact Design\u003c\/h3\u003e\n \u003cp\u003e\n Small enough to keep close by, yet powerful enough to tackle everyday jobs with ease.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-powerjet-bottom\"\u003e\n\n \u003ch3\u003eOne Compact Gadget. So Many Uses.\u003c\/h3\u003e\n\n \u003cp\u003e\n Clean. Blow. Light. Fire up the braai.\n The Cart Society™ X8 PowerJet is your everyday little powerhouse.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-powerjet-highlight\"\u003e\n Small device. Serious airflow.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":67610385383734,"sku":null,"price":419.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/kdfgksg.jpg?v=1790723087"},{"product_id":"cart-society™-lumiglow","title":"Cart Society™ Rechargeable LumiGlow","description":"\n\u003cstyle\u003e \n .cs-lightkey { \n background: #f8f7f4; \n color: #191816; \n padding: 75px 20px; \n font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif; \n overflow: hidden; \n position: relative; \n } \n \n .cs-lightkey-inner { \n max-width: 950px; \n margin: auto; \n text-align: center; \n position: relative; \n z-index: 2; \n } \n \n \/* Floating bubbles *\/ \n .cs-lightkey-bubble { \n position: absolute; \n display: flex; \n align-items: center; \n justify-content: center; \n border: 1px solid rgba(169,139,107,0.25); \n background: rgba(255,255,255,0.55); \n backdrop-filter: blur(6px); \n border-radius: 50%; \n box-shadow: 0 8px 30px rgba(80,65,45,0.08); \n animation: csFloat 6s ease-in-out infinite; \n pointer-events: none; \n } \n \n .cs-lightkey-bubble.one { \n width: 75px; \n height: 75px; \n left: 3%; \n top: 12%; \n font-size: 25px; \n } \n \n .cs-lightkey-bubble.two { \n width: 55px; \n height: 55px; \n right: 5%; \n top: 25%; \n font-size: 20px; \n animation-delay: 1.5s; \n } \n \n .cs-lightkey-bubble.three { \n width: 65px; \n height: 65px; \n left: 7%; \n bottom: 18%; \n font-size: 22px; \n animation-delay: 3s; \n } \n \n .cs-lightkey-bubble.four { \n width: 48px; \n height: 48px; \n right: 8%; \n bottom: 12%; \n font-size: 18px; \n animation-delay: 4s; \n } \n \n .cs-lightkey-brand { \n font-size: 10px; \n letter-spacing: 3px; \n text-transform: uppercase; \n color: #a98b6b; \n font-weight: 600; \n margin-bottom: 18px; \n animation: csFadeDown .8s ease both; \n } \n \n .cs-lightkey h2 { \n font-size: clamp(32px, 6vw, 52px); \n line-height: 1.05; \n letter-spacing: -1.8px; \n font-weight: 500; \n margin: 0 0 18px; \n animation: csFadeUp .9s ease .1s both; \n } \n \n .cs-lightkey-subtitle { \n max-width: 600px; \n margin: 0 auto 48px; \n color: #716d67; \n font-size: 16px; \n line-height: 1.7; \n animation: csFadeUp .9s ease .25s both; \n } \n \n .cs-lightkey-line { \n width: 45px; \n height: 1px; \n background: #b9a58e; \n margin: 0 auto 48px; \n animation: csLine .9s ease .4s both; \n } \n \n \/* Benefits *\/ \n .cs-lightkey-grid { \n display: grid; \n grid-template-columns: repeat(2, 1fr); \n gap: 1px; \n background: #dedbd5; \n border: 1px solid #dedbd5; \n } \n \n .cs-lightkey-card { \n background: #f8f7f4; \n padding: 32px 25px; \n position: relative; \n overflow: hidden; \n opacity: 0; \n transform: translateY(25px); \n animation: csCardIn .7s ease forwards; \n transition: .35s ease; \n } \n \n .cs-lightkey-card:nth-child(1) { animation-delay: .15s; } \n .cs-lightkey-card:nth-child(2) { animation-delay: .25s; } \n .cs-lightkey-card:nth-child(3) { animation-delay: .35s; } \n .cs-lightkey-card:nth-child(4) { animation-delay: .45s; } \n .cs-lightkey-card:nth-child(5) { animation-delay: .55s; } \n .cs-lightkey-card:nth-child(6) { animation-delay: .65s; } \n \n .cs-lightkey-card:hover { \n background: #f3f0eb; \n transform: translateY(-4px); \n } \n \n \/* Emoji bubble *\/ \n .cs-lightkey-icon { \n width: 52px; \n height: 52px; \n margin: 0 auto 17px; \n border-radius: 50%; \n background: rgba(255,255,255,.75); \n border: 1px solid #ddd4c9; \n display: flex; \n align-items: center; \n justify-content: center; \n font-size: 23px; \n box-shadow: 0 7px 20px rgba(60,50,40,.07); \n transition: .4s ease; \n } \n \n .cs-lightkey-card:hover .cs-lightkey-icon { \n transform: scale(1.12) rotate(5deg); \n box-shadow: 0 10px 25px rgba(60,50,40,.12); \n } \n \n .cs-lightkey-card h3 { \n font-size: 14px; \n font-weight: 600; \n margin: 0 0 9px; \n letter-spacing: .1px; \n } \n \n .cs-lightkey-card p { \n color: #77736d; \n font-size: 13px; \n line-height: 1.65; \n max-width: 300px; \n margin: auto; \n } \n \n \/* Bottom statement *\/ \n .cs-lightkey-bottom { \n margin-top: 58px; \n padding-top: 42px; \n border-top: 1px solid #dedbd5; \n animation: csFadeUp 1s ease 1s both; \n } \n \n .cs-lightkey-bottom h3 { \n font-size: 24px; \n font-weight: 500; \n letter-spacing: -.5px; \n margin: 0 0 12px; \n } \n \n .cs-lightkey-bottom p { \n max-width: 500px; \n margin: auto; \n color: #77736d; \n font-size: 14px; \n line-height: 1.7; \n } \n \n .cs-lightkey-highlight { \n display: inline-block; \n margin-top: 25px; \n padding: 10px 18px; \n border-radius: 50px; \n background: #eee8df; \n color: #a17f5c; \n font-size: 11px; \n font-weight: 600; \n letter-spacing: 1.7px; \n text-transform: uppercase; \n animation: csPulse 2.5s ease-in-out infinite; \n } \n \n \/* Animations *\/ \n @keyframes csFadeUp { \n from { \n opacity: 0; \n transform: translateY(25px); \n } \n to { \n opacity: 1; \n transform: translateY(0); \n } \n } \n \n @keyframes csFadeDown { \n from { \n opacity: 0; \n transform: translateY(-15px); \n } \n to { \n opacity: 1; \n transform: translateY(0); \n } \n } \n \n @keyframes csCardIn { \n to { \n opacity: 1; \n transform: translateY(0); \n } \n } \n \n @keyframes csLine { \n from { \n width: 0; \n opacity: 0; \n } \n to { \n width: 45px; \n opacity: 1; \n } \n } \n \n @keyframes csFloat { \n 0%, 100% { \n transform: translateY(0) rotate(0); \n } \n 50% { \n transform: translateY(-18px) rotate(5deg); \n } \n } \n \n @keyframes csPulse { \n 0%, 100% { \n transform: scale(1); \n opacity: .75; \n } \n 50% { \n transform: scale(1.04); \n opacity: 1; \n } \n } \n \n @media (max-width: 600px) { \n \n .cs-lightkey { \n padding: 60px 16px; \n } \n \n .cs-lightkey-grid { \n grid-template-columns: 1fr; \n } \n \n .cs-lightkey-card { \n padding: 30px 22px; \n } \n \n .cs-lightkey-subtitle { \n font-size: 15px; \n margin-bottom: 40px; \n } \n \n .cs-lightkey-bubble.one { \n left: -25px; \n } \n \n .cs-lightkey-bubble.two { \n right: -20px; \n } \n \n .cs-lightkey-bubble.three { \n left: -20px; \n } \n \n .cs-lightkey-bubble.four { \n right: -15px; \n } \n } \n \n @media (prefers-reduced-motion: reduce) { \n .cs-lightkey *, \n .cs-lightkey-bubble { \n animation: none !important; \n transition: none !important; \n } \n \n .cs-lightkey-card { \n opacity: 1; \n transform: none; \n } \n } \n\u003c\/style\u003e \n \n\u003csection class=\"cs-lightkey\"\u003e \n \n \u003c!-- Floating background bubbles --\u003e \n \u003cdiv class=\"cs-lightkey-bubble one\"\u003e💡\u003c\/div\u003e \n \u003cdiv class=\"cs-lightkey-bubble two\"\u003e🔑\u003c\/div\u003e \n \u003cdiv class=\"cs-lightkey-bubble three\"\u003e✨\u003c\/div\u003e \n \u003cdiv class=\"cs-lightkey-bubble four\"\u003e👜\u003c\/div\u003e \n \n \u003cdiv class=\"cs-lightkey-inner\"\u003e \n \n \u003cdiv class=\"cs-lightkey-brand\"\u003e \n Cart Society™ \n \u003c\/div\u003e \n \n \u003ch2\u003eNever Get Stranded in the Dark.\u003c\/h2\u003e \n \n \u003cp class=\"cs-lightkey-subtitle\"\u003e \n Meet your new everyday essential — a compact light-up keychain \n designed to give you instant light whenever you need it. \n \u003c\/p\u003e \n \n \u003cdiv class=\"cs-lightkey-line\"\u003e\u003c\/div\u003e \n \n \u003cdiv class=\"cs-lightkey-grid\"\u003e \n \n \u003cdiv class=\"cs-lightkey-card\"\u003e \n \u003cdiv class=\"cs-lightkey-icon\"\u003e💡\u003c\/div\u003e \n \u003ch3\u003eInstant Light\u003c\/h3\u003e \n \u003cp\u003e \n Get a bright little light whenever you need it — perfect for dark spaces and nighttime. \n \u003c\/p\u003e \n \u003c\/div\u003e \n \n \u003cdiv class=\"cs-lightkey-card\"\u003e \n \u003cdiv class=\"cs-lightkey-icon\"\u003e👜\u003c\/div\u003e \n \u003ch3\u003eFind Things in Your Handbag\u003c\/h3\u003e \n \u003cp\u003e \n No more searching blindly. Light up your handbag and find exactly what you're looking for. \n \u003c\/p\u003e \n \u003c\/div\u003e \n \n \u003cdiv class=\"cs-lightkey-card\"\u003e \n \u003cdiv class=\"cs-lightkey-icon\"\u003e🔑\u003c\/div\u003e \n \u003ch3\u003eFind Your Keys Easily\u003c\/h3\u003e \n \u003cp\u003e \n Quickly spot your keys and keyhole when you're unlocking your door or car at night. \n \u003c\/p\u003e \n \u003c\/div\u003e \n \n \u003cdiv class=\"cs-lightkey-card\"\u003e \n \u003cdiv class=\"cs-lightkey-icon\"\u003e🚗\u003c\/div\u003e \n \u003ch3\u003ePerfect for Your Car\u003c\/h3\u003e \n \u003cp\u003e \n Handy when getting in, finding something in your car or unlocking your vehicle after dark. \n \u003c\/p\u003e \n \u003c\/div\u003e \n \n \u003cdiv class=\"cs-lightkey-card\"\u003e \n \u003cdiv class=\"cs-lightkey-icon\"\u003e🌙\u003c\/div\u003e \n \u003ch3\u003eLight When You Need It\u003c\/h3\u003e \n \u003cp\u003e \n Keep it attached to your keys or bag so your little light is always within reach. \n \u003c\/p\u003e \n \u003c\/div\u003e \n \n \u003cdiv class=\"cs-lightkey-card\"\u003e \n \u003cdiv class=\"cs-lightkey-icon\"\u003e❤️\u003c\/div\u003e \n \u003ch3\u003eSmall, Cute \u0026amp; Practical\u003c\/h3\u003e \n \u003cp\u003e \n A stylish heart or star shaped design that's compact enough to carry everywhere. \n \u003c\/p\u003e \n \u003c\/div\u003e \n \n \u003c\/div\u003e \n \n \u003cdiv class=\"cs-lightkey-bottom\"\u003e \n \n \u003ch3\u003eA Little Light. A Big Convenience.\u003c\/h3\u003e \n \n \u003cp\u003e \n From finding your keys to searching through your handbag, \n this handy little light makes everyday moments easier. \n \u003c\/p\u003e \n \n \u003cdiv class=\"cs-lightkey-highlight\"\u003e \n ✨ Always Have a Light Within Reach \n \u003c\/div\u003e \n \n \u003c\/div\u003e \n \n \u003c\/div\u003e \n \n\u003c\/section\u003e \n\n","brand":"Cart Society","offers":[{"title":"Star","offer_id":67610439319862,"sku":null,"price":159.0,"currency_code":"ZAR","in_stock":true},{"title":"Heart","offer_id":67610439352630,"sku":null,"price":159.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/idgucfisdg.jpg?v=1790724402"}],"url":"https:\/\/cartsociety.co.za\/collections\/we-think-youll-cart-this.oembed","provider":"Cart Society","version":"1.0","type":"link"}