{"product_id":"cart-society™-makeup-beauty-organizer","title":"Cart Society™ Makeup \u0026 Beauty Organizer","description":"\u003cstyle\u003e\n  .cart-society-feature {\n    --cs-ivory: #f8f4ed;\n    --cs-cream: #fffdf9;\n    --cs-brown: #5b4638;\n    --cs-gold: #b08a5a;\n    --cs-text: #342b26;\n\n    background: linear-gradient(135deg, var(--cs-ivory), var(--cs-cream));\n    padding: 70px 24px;\n    position: relative;\n    overflow: hidden;\n    font-family: inherit;\n  }\n\n  .cart-society-feature::before {\n    content: \"\";\n    position: absolute;\n    width: 420px;\n    height: 420px;\n    border-radius: 50%;\n    background: rgba(176, 138, 90, 0.08);\n    top: -220px;\n    right: -160px;\n    animation: csFloat 8s ease-in-out infinite;\n  }\n\n  .cart-society-feature::after {\n    content: \"\";\n    position: absolute;\n    width: 280px;\n    height: 280px;\n    border-radius: 50%;\n    background: rgba(91, 70, 56, 0.035);\n    bottom: -160px;\n    left: -100px;\n    animation: csFloat 10s ease-in-out infinite reverse;\n  }\n\n  .cs-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  .cs-eyebrow {\n    text-align: center;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--cs-gold);\n    font-weight: 600;\n    margin-bottom: 16px;\n    animation: csFadeUp .8s ease both;\n  }\n\n  .cs-title {\n    text-align: center;\n    color: var(--cs-brown);\n    font-size: clamp(32px, 5vw, 52px);\n    line-height: 1.05;\n    letter-spacing: -1px;\n    margin: 0;\n    font-weight: 500;\n    animation: csFadeUp .9s ease .1s both;\n  }\n\n  .cs-title span {\n    font-style: italic;\n    font-weight: 400;\n  }\n\n  .cs-tagline {\n    text-align: center;\n    color: var(--cs-text);\n    font-size: 15px;\n    letter-spacing: .5px;\n    margin: 18px auto 48px;\n    max-width: 560px;\n    line-height: 1.7;\n    animation: csFadeUp .9s ease .2s both;\n  }\n\n  .cs-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 14px;\n  }\n\n  .cs-card {\n    background: rgba(255,255,255,.72);\n    border: 1px solid rgba(91,70,56,.10);\n    border-radius: 18px;\n    padding: 25px 17px;\n    text-align: center;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    box-shadow: 0 12px 35px rgba(60,45,35,.06);\n    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\n    animation: csFadeUp .8s ease both;\n  }\n\n  .cs-card:nth-child(1) { animation-delay: .25s; }\n  .cs-card:nth-child(2) { animation-delay: .35s; }\n  .cs-card:nth-child(3) { animation-delay: .45s; }\n  .cs-card:nth-child(4) { animation-delay: .55s; }\n  .cs-card:nth-child(5) { animation-delay: .65s; }\n\n  .cs-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 18px 45px rgba(60,45,35,.11);\n    border-color: rgba(176,138,90,.35);\n  }\n\n  .cs-icon {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f1e8dc;\n    color: var(--cs-brown);\n    font-size: 20px;\n    transition: transform .4s ease;\n  }\n\n  .cs-card:hover .cs-icon {\n    transform: rotate(8deg) scale(1.08);\n  }\n\n  .cs-card h3 {\n    margin: 0 0 9px;\n    color: var(--cs-brown);\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: .2px;\n  }\n\n  .cs-card p {\n    margin: 0;\n    color: #6d625a;\n    font-size: 12.5px;\n    line-height: 1.65;\n  }\n\n  .cs-bottom {\n    margin: 46px auto 0;\n    text-align: center;\n    animation: csFadeUp 1s ease .8s both;\n  }\n\n  .cs-bottom-line {\n    width: 45px;\n    height: 1px;\n    background: var(--cs-gold);\n    margin: 0 auto 18px;\n  }\n\n  .cs-bottom p {\n    margin: 0;\n    color: var(--cs-brown);\n    font-size: 13px;\n    letter-spacing: 1.2px;\n  }\n\n  .cs-bottom strong {\n    font-weight: 600;\n  }\n\n  @keyframes csFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(20px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes csFloat {\n    0%, 100% {\n      transform: translateY(0) scale(1);\n    }\n    50% {\n      transform: translateY(20px) scale(1.04);\n    }\n  }\n\n  @media (max-width: 850px) {\n    .cs-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .cs-card:last-child {\n      grid-column: span 2;\n      max-width: 50%;\n      margin: 0 auto;\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .cart-society-feature {\n      padding: 55px 16px;\n    }\n\n    .cs-title {\n      font-size: 34px;\n    }\n\n    .cs-tagline {\n      font-size: 14px;\n      margin-bottom: 34px;\n    }\n\n    .cs-grid {\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n    }\n\n    .cs-card {\n      padding: 21px 12px;\n      border-radius: 15px;\n    }\n\n    .cs-card:last-child {\n      grid-column: span 2;\n      max-width: 100%;\n    }\n\n    .cs-card p {\n      font-size: 12px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cs-card,\n    .cs-title,\n    .cs-tagline,\n    .cs-eyebrow,\n    .cs-bottom {\n      animation: none;\n    }\n\n    .cart-society-feature::before,\n    .cart-society-feature::after {\n      animation: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"cart-society-feature\"\u003e\n  \u003cdiv class=\"cs-inner\"\u003e\n\n    \u003cdiv class=\"cs-eyebrow\"\u003eCart Society™\u003c\/div\u003e\n\n    \u003ch2 class=\"cs-title\"\u003e\n      Organise beautifully.\u003cbr\u003e\n      \u003cspan\u003eTravel confidently.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cs-tagline\"\u003e\n      A stylish, practical organiser designed to keep your makeup,\n      skincare, brushes and beauty essentials beautifully arranged.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"cs-grid\"\u003e\n\n      \u003cdiv class=\"cs-card\"\u003e\n        \u003cdiv class=\"cs-icon\"\u003e✦\u003c\/div\u003e\n        \u003ch3\u003eCustomisable\u003c\/h3\u003e\n        \u003cp\u003e\n          Adjustable dividers let you create more compartments\n          or larger spaces to suit your essentials.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cs-card\"\u003e\n        \u003cdiv class=\"cs-icon\"\u003e♡\u003c\/div\u003e\n        \u003ch3\u003eSpacious \u0026amp; Organised\u003c\/h3\u003e\n        \u003cp\u003e\n          Keep your beauty essentials neatly separated,\n          organised and easy to find.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cs-card\"\u003e\n        \u003cdiv class=\"cs-icon\"\u003e✈\u003c\/div\u003e\n        \u003ch3\u003eTravel-Friendly\u003c\/h3\u003e\n        \u003cp\u003e\n          Compact and structured for holidays,\n          weekends away or everyday use.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cs-card\"\u003e\n        \u003cdiv class=\"cs-icon\"\u003e⌂\u003c\/div\u003e\n        \u003ch3\u003eProtective Design\u003c\/h3\u003e\n        \u003cp\u003e\n          Helps keep your beauty essentials secure\n          and protected while you're on the go.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cs-card\"\u003e\n        \u003cdiv class=\"cs-icon\"\u003e✧\u003c\/div\u003e\n        \u003ch3\u003eStylish Design\u003c\/h3\u003e\n        \u003cp\u003e\n          A sophisticated leopard print finish\n          adds effortless style to your collection.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cs-bottom\"\u003e\n      \u003cdiv class=\"cs-bottom-line\"\u003e\u003c\/div\u003e\n      \u003cp\u003e\n        Designed for beauty lovers, enthusiasts \u0026amp; professionals —\n        \u003cstrong\u003eCart Society™\u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Cart Society","offers":[{"title":"Default Title","offer_id":54432716652854,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/1d4bed7f-7e5a-48f1-9ffe-18da22bbc636.png?v=1787526301","url":"https:\/\/cartsociety.co.za\/products\/cart-society%e2%84%a2-makeup-beauty-organizer","provider":"Cart Society","version":"1.0","type":"link"}