{"product_id":"chocolate-brown","title":"Cacao Noir Luxe","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400\u0026family=Montserrat:wght@200;300;400\u0026display=swap');\n\n  .ce-wrapper {\n    background: #080808;\n    color: #c9a84c;\n    font-family: 'Montserrat', sans-serif;\n    padding: 56px 44px;\n    border: 1px solid #c9a84c22;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Floating orb glow *\/\n  .ce-wrapper::after {\n    content: '';\n    position: absolute;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, #c9a84c18 0%, transparent 70%);\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: orb-float 6s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  @keyframes orb-float {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\n    50%       { transform: translate(-50%, -60%) scale(1.3); opacity: 1; }\n  }\n\n  \/* Particle dust *\/\n  .ce-wrapper::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(1px 1px at 20% 30%, #c9a84c55, transparent),\n      radial-gradient(1px 1px at 80% 20%, #c9a84c44, transparent),\n      radial-gradient(1px 1px at 60% 70%, #c9a84c33, transparent),\n      radial-gradient(1px 1px at 40% 80%, #c9a84c55, transparent),\n      radial-gradient(1px 1px at 10% 60%, #c9a84c44, transparent);\n    animation: dust-drift 10s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  @keyframes dust-drift {\n    0%   { transform: translateY(0px) translateX(0px); opacity: 0.4; }\n    100% { transform: translateY(-12px) translateX(6px); opacity: 1; }\n  }\n\n  \/* Corner ornaments with draw animation *\/\n  .ce-corner {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    border-color: #c9a84c;\n    border-style: solid;\n    opacity: 0;\n    animation: corner-draw 1.5s ease forwards;\n  }\n  .ce-corner.tl { top: 16px; left: 16px;  border-width: 1px 0 0 1px; animation-delay: 0.2s; }\n  .ce-corner.tr { top: 16px; right: 16px; border-width: 1px 1px 0 0; animation-delay: 0.4s; }\n  .ce-corner.bl { bottom: 16px; left: 16px;  border-width: 0 0 1px 1px; animation-delay: 0.6s; }\n  .ce-corner.br { bottom: 16px; right: 16px; border-width: 0 1px 1px 0; animation-delay: 0.8s; }\n\n  @keyframes corner-draw {\n    from { opacity: 0; transform: scale(0.5); }\n    to   { opacity: 0.7; transform: scale(1); }\n  }\n\n  \/* Brand label *\/\n  .ce-brand {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 200;\n    font-size: 0.65em;\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    color: #c9a84c66;\n    text-align: center;\n    margin-bottom: 10px;\n    animation: fade-up 1s ease 0.3s both;\n  }\n\n  \/* Main title with shimmer text *\/\n  .ce-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 3em;\n    font-weight: 300;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    text-align: center;\n    margin: 0 0 4px;\n    background: linear-gradient(90deg, #8b6914, #c9a84c, #f5e0a0, #c9a84c, #8b6914);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: text-shimmer 4s linear infinite, fade-up 1s ease 0.5s both;\n  }\n\n  @keyframes text-shimmer {\n    0%   { background-position: 0% center; }\n    100% { background-position: 300% center; }\n  }\n\n  \/* Italic tagline *\/\n  .ce-tagline {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-size: 1.1em;\n    font-weight: 300;\n    color: #c9a84c77;\n    text-align: center;\n    letter-spacing: 0.15em;\n    margin-bottom: 6px;\n    animation: fade-up 1s ease 0.7s both;\n  }\n\n  @keyframes fade-up {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Heartbeat divider *\/\n  .ce-heartbeat-line {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 22px 0;\n  }\n\n  .ce-heartbeat-line .line {\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(to right, transparent, #c9a84c88, transparent);\n    animation: line-breathe 3s ease-in-out infinite;\n  }\n\n  @keyframes line-breathe {\n    0%, 100% { opacity: 0.4; }\n    50%       { opacity: 1; }\n  }\n\n  .ce-heartbeat-icon {\n    color: #c9a84c;\n    font-size: 20px;\n    animation: heartbeat 1.6s ease-in-out infinite;\n    display: inline-block;\n  }\n\n  @keyframes heartbeat {\n    0%   { transform: scale(1);    opacity: 1; }\n    14%  { transform: scale(1.35); opacity: 1; }\n    28%  { transform: scale(1);    opacity: 0.7; }\n    42%  { transform: scale(1.2);  opacity: 1; }\n    70%  { transform: scale(1);    opacity: 1; }\n    100% { transform: scale(1);    opacity: 1; }\n  }\n\n  \/* Body copy *\/\n  .ce-body {\n    font-size: 0.85em;\n    font-weight: 300;\n    line-height: 2.1;\n    color: #d4b97a;\n    text-align: center;\n    max-width: 540px;\n    margin: 0 auto 10px;\n    letter-spacing: 0.06em;\n    animation: fade-up 1s ease 0.9s both;\n  }\n\n  .ce-body em {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-size: 1.1em;\n    color: #c9a84c;\n  }\n\n  \/* Moving gold bar *\/\n  .ce-accent-bar {\n    height: 1px;\n    background: linear-gradient(90deg, transparent 0%, #8b6914 20%, #c9a84c 40%, #f5e0a0 50%, #c9a84c 60%, #8b6914 80%, transparent 100%);\n    background-size: 250% 100%;\n    animation: slide-gold 2.5s linear infinite;\n    margin: 28px 0;\n  }\n\n  @keyframes slide-gold {\n    0%   { background-position: 250% 0; }\n    100% { background-position: -250% 0; }\n  }\n\n  \/* Feature pills *\/\n  .ce-features {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n    margin: 20px 0 8px;\n  }\n\n  .ce-pill {\n    border: 1px solid #c9a84c44;\n    color: #c9a84c;\n    font-size: 0.68em;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    padding: 8px 20px;\n    background: transparent;\n    cursor: default;\n    transition: all 0.4s ease;\n    animation: pill-glow 4s ease-in-out infinite;\n  }\n\n  .ce-pill:nth-child(2) { animation-delay: 0.5s; }\n  .ce-pill:nth-child(3) { animation-delay: 1s; }\n  .ce-pill:nth-child(4) { animation-delay: 1.5s; }\n\n  @keyframes pill-glow {\n    0%, 100% { border-color: #c9a84c33; box-shadow: none; color: #c9a84c88; }\n    50%       { border-color: #c9a84c; box-shadow: 0 0 14px #c9a84c33; color: #c9a84c; }\n  }\n\n  \/* Floating diamond ornament *\/\n  .ce-diamond {\n    text-align: center;\n    font-size: 10px;\n    color: #c9a84c;\n    letter-spacing: 8px;\n    margin: 6px 0;\n    animation: diamond-float 3s ease-in-out infinite;\n  }\n\n  @keyframes diamond-float {\n    0%, 100% { transform: translateY(0); opacity: 0.6; }\n    50%       { transform: translateY(-4px); opacity: 1; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ce-wrapper\"\u003e\n  \u003cdiv class=\"ce-corner tl\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"ce-corner tr\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"ce-corner bl\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"ce-corner br\"\u003e\u003c\/div\u003e\n\n  \u003cp class=\"ce-brand\"\u003eCrowned Elegance  •  Maison de Luxe\u003c\/p\u003e\n  \u003ch2 class=\"ce-title\"\u003eCacao Noir Luxe\u003c\/h2\u003e\n  \u003cp class=\"ce-tagline\"\u003ewhere darkness meets desire\u003c\/p\u003e\n\n  \u003cdiv class=\"ce-diamond\"\u003e◆   ◆   ◆\u003c\/div\u003e\n\n  \u003cdiv class=\"ce-heartbeat-line\"\u003e\n    \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n    \u003cspan class=\"ce-heartbeat-icon\"\u003e♥\u003c\/span\u003e\n    \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"ce-body\"\u003e\n    Draped in the velvet depth of midnight and kissed by the warmth of \u003cem\u003erich cacao\u003c\/em\u003e,\n    this is a shade born for those who move through the world with quiet authority.\n    Not merely a colour — a declaration. A ritual. An obsession.\n    \u003cbr\u003e\u003cbr\u003e\n    Wear it like a secret only the most discerning will understand.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"ce-accent-bar\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"ce-features\"\u003e\n    \u003cdiv class=\"ce-pill\"\u003ePremium Quality\u003c\/div\u003e\n    \u003cdiv class=\"ce-pill\"\u003eHandcrafted\u003c\/div\u003e\n    \u003cdiv class=\"ce-pill\"\u003eCrowned Elegance\u003c\/div\u003e\n    \u003cdiv class=\"ce-pill\"\u003eLuxe Finish\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ce-heartbeat-line\"\u003e\n    \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n    \u003cspan class=\"ce-heartbeat-icon\"\u003e♥\u003c\/span\u003e\n    \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ce-diamond\"\u003e◆   ◆   ◆\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Crowned Elegance","offers":[{"title":"Default Title","offer_id":52641615118612,"sku":null,"price":699.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1013\/1433\/0900\/files\/rn-image_picker_lib_temp_11fe3aeb-5cd9-4e5d-a976-dd08e612f27d.png?v=1780931668","url":"https:\/\/crownedelegance.co.za\/products\/chocolate-brown","provider":"Crowned Elegance","version":"1.0","type":"link"}