{"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","url":"https:\/\/cartsociety.co.za\/products\/led-makeup-mirror-tablet","provider":"Cart Society","version":"1.0","type":"link"}