{"title":"Discover More","description":null,"products":[{"product_id":"caracal-classic-elite-duo-styler","title":"Caracal Classic™ Elite Duo Styler","description":"\u003cstyle\u003e\n\/* =========================================================\n CARACAL CLASSIC — ELITE DUO STYLER\n Premium Product Description\n ========================================================= *\/\n\n.cc-elite {\n --cc-black: #111111;\n --cc-white: #ffffff;\n --cc-marble-white: #fdfdfc;\n --cc-marble-light: #eeeeec;\n --cc-marble-mid: #d8d8d5;\n --cc-marble-grey: #bdbdb9;\n --cc-grey: #666666;\n --cc-border: rgba(17, 17, 17, 0.12);\n\n color: var(--cc-black);\n background: var(--cc-white);\n font-family: inherit;\n line-height: 1.5;\n overflow: hidden;\n}\n\n.cc-elite * {\n box-sizing: border-box;\n}\n\n.cc-elite h1,\n.cc-elite h2,\n.cc-elite h3,\n.cc-elite p {\n margin-top: 0;\n}\n\n.cc-elite em {\n font-style: normal;\n}\n\n\/* =========================================================\n ANIMATIONS\n ========================================================= *\/\n\n@keyframes ccAppear {\n from {\n opacity: 0;\n transform: translateY(18px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes ccCloudMove {\n from {\n transform: translateX(-2%);\n }\n\n to {\n transform: translateX(2%);\n }\n}\n\n@keyframes ccFloat {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-4px);\n }\n}\n\n.cc-animate {\n animation: ccAppear 0.8s ease both;\n}\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.cc-hero {\n position: relative;\n padding: 65px 35px 55px;\n text-align: center;\n border-radius: 28px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n background-size: cover;\n background-position: center;\n\n overflow: hidden;\n}\n\n.cc-hero::before,\n.cc-hero::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n\n.cc-hero::before {\n background: rgba(255, 255, 255, 0.18);\n}\n\n.cc-hero::after {\n background: rgba(255, 255, 255, 0.08);\n}\n\n.cc-eyebrow {\n position: relative;\n z-index: 1;\n\n display: block;\n margin-bottom: 18px;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-hero h2 {\n position: relative;\n z-index: 1;\n\n max-width: 760px;\n margin: 0 auto 28px;\n padding: 0;\n\n font-size: clamp(38px, 6vw, 68px);\n line-height: 1.08;\n letter-spacing: -0.04em;\n font-weight: 700;\n}\n\n.cc-hero h2 em {\n font-weight: 400;\n}\n\n.cc-hero-text {\n position: relative;\n z-index: 1;\n\n max-width: 610px;\n margin: 0 auto;\n\n font-size: 16px;\n line-height: 1.6;\n\n opacity: 0.72;\n}\n\n.cc-tag {\n position: relative;\n z-index: 1;\n\n display: inline-block;\n margin-top: 30px;\n padding: 9px 17px;\n\n border: 1px solid rgba(17, 17, 17, 0.12);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.45);\n backdrop-filter: blur(8px);\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n\/* =========================================================\n BENEFITS\n ========================================================= *\/\n\n.cc-benefits {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 10px;\n margin: 20px 0 0;\n}\n\n.cc-benefit {\n position: relative;\n overflow: hidden;\n\n padding: 20px 15px;\n\n text-align: center;\n\n border-radius: 24px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n background-size: cover;\n background-position: center;\n\n border: 1px solid rgba(17, 17, 17, 0.08);\n\n box-shadow:\n 0 18px 50px rgba(17, 17, 17, 0.07),\n inset 0 1px 0 rgba(255, 255, 255, 0.8);\n}\n\n.cc-benefit strong {\n display: block;\n margin-bottom: 5px;\n font-size: 14px;\n}\n\n.cc-benefit span {\n display: block;\n\n font-size: 12px;\n line-height: 1.45;\n\n color: var(--cc-grey);\n}\n\n\/* =========================================================\n STATEMENT\n ========================================================= *\/\n\n.cc-statement {\n padding: 65px 25px 55px;\n text-align: center;\n}\n\n.cc-statement h2 {\n max-width: 700px;\n margin: 0 auto;\n\n font-size: clamp(31px, 5vw, 52px);\n line-height: 1.03;\n letter-spacing: -0.035em;\n}\n\n.cc-statement h2 em {\n font-weight: 400;\n}\n\n.cc-statement p {\n max-width: 570px;\n margin: 18px auto 0;\n\n font-size: 15px;\n line-height: 1.6;\n\n color: var(--cc-grey);\n}\n\n\/* =========================================================\n STYLING MODES\n ========================================================= *\/\n\n.cc-modes {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n margin: 0 0 48px;\n}\n\n.cc-mode {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n\n padding: 22px 24px;\n\n border-radius: 20px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n background-size: cover;\n background-position: center;\n}\n\n.cc-mode-number {\n flex-shrink: 0;\n padding-top: 4px;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n\n opacity: 0.5;\n}\n\n.cc-mode h3 {\n margin: 0 0 5px;\n\n font-size: 18px;\n line-height: 1.2;\n}\n\n.cc-mode p {\n margin: 0;\n\n font-size: 13px;\n line-height: 1.5;\n\n color: rgba(17,17,17,0.68);\n}\n\n\/* =========================================================\n DETAILS\n ========================================================= *\/\n\n.cc-details {\n margin: 0 0 50px;\n}\n\n.cc-section-heading {\n margin-bottom: 20px;\n}\n\n.cc-section-heading \u003e span {\n display: block;\n margin-bottom: 6px;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-section-heading h2 {\n margin: 0;\n\n font-size: clamp(29px, 4vw, 43px);\n line-height: 1.05;\n letter-spacing: -0.03em;\n}\n\n.cc-section-heading h2 em {\n font-weight: 400;\n}\n\n\/* =========================================================\n INTERACTIVE PRODUCT FEATURES\n ========================================================= *\/\n\n.cc-features {\n display: block;\n border-top: 1px solid var(--cc-border);\n}\n\n.cc-feature {\n display: block;\n min-width: 0;\n padding: 0;\n\n border-bottom: 1px solid var(--cc-border);\n}\n\n.cc-feature-button {\n display: block;\n width: 100%;\n min-height: 54px;\n\n padding: 15px 10px;\n margin: 0;\n\n border: 0;\n background: transparent;\n\n color: var(--cc-black);\n font-family: inherit;\n\n font-size: 14px;\n font-weight: 700;\n line-height: 1.35;\n text-align: center;\n\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n\n.cc-feature-button:hover {\n background: rgba(17, 17, 17, 0.025);\n}\n\n.cc-feature-button:focus-visible {\n outline: 2px solid var(--cc-black);\n outline-offset: -2px;\n border-radius: 4px;\n}\n\n.cc-feature-title {\n display: block;\n width: 100%;\n}\n\n\/* =========================================================\n HIDDEN DESCRIPTION\n ========================================================= *\/\n\n.cc-feature-description {\n display: grid;\n\n grid-template-rows: 0fr;\n\n opacity: 0;\n\n transition:\n grid-template-rows 0.3s ease,\n opacity 0.25s ease;\n}\n\n.cc-feature-description-inner {\n min-height: 0;\n overflow: hidden;\n}\n\n.cc-feature-description p {\n margin: 0;\n padding: 0 15px 15px;\n\n font-size: 12px;\n line-height: 1.5;\n text-align: center;\n\n color: var(--cc-grey);\n}\n\n\/* =========================================================\n LAPTOP \/ DESKTOP\n ========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n .cc-feature:hover .cc-feature-description {\n grid-template-rows: 1fr;\n opacity: 1;\n }\n\n}\n\n\/* =========================================================\n MOBILE \/ TOUCH\n ========================================================= *\/\n\n@media (hover: none) and (pointer: coarse) {\n\n .cc-feature.is-open .cc-feature-description {\n grid-template-rows: 1fr;\n opacity: 1;\n }\n\n}\n\n\/* =========================================================\n REAL LIFE\n ========================================================= *\/\n\n.cc-life {\n margin: 0 0 32px;\n padding: 34px 36px;\n\n border-radius: 24px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n background-size: cover;\n background-position: center;\n\n text-align: center;\n}\n\n.cc-life-label {\n display: block;\n margin-bottom: 7px;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-life \u003e h2 {\n max-width: 720px;\n margin: 0 auto;\n\n font-size: clamp(29px, 4vw, 44px);\n line-height: 1.08;\n letter-spacing: -0.03em;\n}\n\n.cc-life \u003e h2 em {\n font-weight: 400;\n}\n\n.cc-life \u003e p {\n max-width: 650px;\n margin: 14px auto 0;\n\n font-size: 14px;\n line-height: 1.55;\n\n color: rgba(17,17,17,0.68);\n}\n\n\/* =========================================================\n FINAL MESSAGE\n ========================================================= *\/\n\n.cc-final-message {\n margin-top: 30px;\n padding-top: 27px;\n\n border-top: 1px solid rgba(17,17,17,0.13);\n\n text-align: center;\n}\n\n.cc-final-message h2 {\n max-width: 720px;\n margin: 0 auto;\n\n font-size: clamp(25px, 3.5vw, 36px);\n line-height: 1.1;\n letter-spacing: -0.025em;\n}\n\n.cc-final-message h2 em {\n font-weight: 400;\n}\n\n.cc-final-message p {\n max-width: 600px;\n margin: 10px auto 0;\n\n font-size: 14px;\n line-height: 1.55;\n\n color: rgba(17,17,17,0.68);\n}\n\n\/* =========================================================\n BRAND SIGNATURE\n ========================================================= *\/\n\n.cc-brand-signature {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n\n padding: 28px 20px 12px;\n\n text-align: center;\n}\n\n.cc-brand-signature strong {\n font-size: 16px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cc-brand-line {\n font-size: 12px;\n line-height: 1.4;\n color: var(--cc-grey);\n}\n\n.cc-slogan {\n margin-top: 8px;\n\n font-size: 15px;\n font-weight: 600;\n letter-spacing: 0.01em;\n}\n\n\/* =========================================================\n INNER CONTAINER\n ========================================================= *\/\n\n.cc-inner {\n width: min(1100px, 100%);\n margin: 0 auto;\n padding: 0 18px;\n}\n\n\/* =========================================================\n TABLET\n ========================================================= *\/\n\n@media (max-width: 800px) {\n\n .cc-benefits {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .cc-modes {\n grid-template-columns: 1fr;\n gap: 10px;\n margin-bottom: 38px;\n }\n\n .cc-mode {\n padding: 18px 20px;\n }\n\n .cc-life {\n padding: 28px 24px;\n }\n\n}\n\n\/* =========================================================\n MOBILE\n ========================================================= *\/\n\n@media (max-width: 600px) {\n\n .cc-inner {\n padding: 0 12px;\n }\n\n .cc-hero {\n padding: 48px 14px 40px;\n border-radius: 22px;\n }\n\n .cc-elite .cc-hero h2 {\n position: relative;\n z-index: 1;\n\n max-width: none !important;\n width: max-content !important;\n\n margin: 0 auto 28px !important;\n padding: 0 !important;\n\n font-size: clamp(27px, 8vw, 36px) !important;\n line-height: 1.08 !important;\n letter-spacing: -0.035em !important;\n\n white-space: nowrap !important;\n }\n\n .cc-hero h2 em {\n font-weight: 400;\n }\n\n .cc-hero-text {\n max-width: 330px;\n margin: 0 auto;\n\n font-size: 14px;\n line-height: 1.6;\n }\n\n .cc-tag {\n margin-top: 30px;\n font-size: 10px;\n }\n\n .cc-benefits {\n gap: 8px;\n margin-top: 12px;\n }\n\n .cc-benefit {\n padding: 16px 10px;\n border-radius: 15px;\n }\n\n .cc-benefit strong {\n font-size: 13px;\n }\n\n .cc-benefit span {\n font-size: 11px;\n }\n\n .cc-statement {\n padding: 48px 12px 42px;\n }\n\n .cc-statement p {\n font-size: 14px;\n }\n\n .cc-details {\n margin-bottom: 40px;\n }\n\n .cc-section-heading {\n margin-bottom: 15px;\n }\n\n .cc-feature-button {\n min-height: 52px;\n padding: 14px 5px;\n\n font-size: 13px;\n }\n\n .cc-feature-description p {\n padding: 0 12px 14px;\n font-size: 11px;\n }\n\n .cc-life {\n margin-bottom: 24px;\n padding: 25px 20px;\n border-radius: 20px;\n }\n\n .cc-life \u003e p {\n font-size: 13px;\n margin-top: 11px;\n }\n\n .cc-final-message {\n margin-top: 24px;\n padding-top: 22px;\n }\n\n .cc-final-message p {\n font-size: 13px;\n }\n\n .cc-brand-signature {\n padding: 22px 15px 8px;\n }\n\n .cc-brand-signature strong {\n font-size: 14px;\n }\n\n .cc-brand-line {\n font-size: 11px;\n }\n\n .cc-slogan {\n font-size: 14px;\n }\n\n}\n\n\/* =========================================================\n REDUCED MOTION\n ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .cc-hero {\n animation: none;\n }\n\n .cc-animate {\n animation: none;\n }\n\n .cc-feature-description {\n transition: none;\n }\n\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"cc-elite\"\u003e\n\n \u003cdiv class=\"cc-inner\"\u003e\n\n \u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\n \u003csection class=\"cc-hero cc-animate\"\u003e\n\n \u003cspan class=\"cc-eyebrow\"\u003e\n Caracal Classic · Elite Collection\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Your Best Hair Day,\u003cbr\u003e\n \u003cem\u003eEvery Day.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"cc-hero-text\"\u003e\n One elegant, cordless styling tool for sleek straight styles,\n beautiful curls and quick touch-ups wherever you are.\n \u003c\/p\u003e\n\n \u003cspan class=\"cc-tag\"\u003e\n Straighten · Curl · Refresh\n \u003c\/span\u003e\n\n \u003c\/section\u003e\n\n \u003c!-- =====================================================\n BENEFITS\n ===================================================== --\u003e\n\n \u003csection class=\"cc-benefits\"\u003e\n\n \u003cdiv class=\"cc-benefit\"\u003e\n \u003cstrong\u003eTwo Styles\u003c\/strong\u003e\n \u003cspan\u003eStraight or curled. One tool does both.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cc-benefit\"\u003e\n \u003cstrong\u003eCordless\u003c\/strong\u003e\n \u003cspan\u003eMore freedom. Less fuss.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cc-benefit\"\u003e\n \u003cstrong\u003eCompact\u003c\/strong\u003e\n \u003cspan\u003eMade to fit into your day.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cc-benefit\"\u003e\n \u003cstrong\u003eReady To Go\u003c\/strong\u003e\n \u003cspan\u003eQuick styling when you need it.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n \u003c!-- =====================================================\n STATEMENT\n ===================================================== --\u003e\n\n \u003csection class=\"cc-statement\"\u003e\n\n \u003ch2\u003e\n Less to carry.\u003cbr\u003e\n \u003cem\u003eMore freedom to go.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Leave the bulky styling appliances behind. Keep your routine\n compact, simple and within reach — whether you're getting ready\n at home or heading someplace exciting.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n \u003c!-- =====================================================\n STYLING MODES\n ===================================================== --\u003e\n\n \u003csection class=\"cc-modes\"\u003e\n\n \u003cdiv class=\"cc-mode\"\u003e\n\n \u003cspan class=\"cc-mode-number\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n Sleek \u0026amp; Straight\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Smooth, polished styling for the days you want a clean,\n effortless look.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cc-mode\"\u003e\n\n \u003cspan class=\"cc-mode-number\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n Soft \u0026amp; Curled\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Switch it up with beautiful curls when you want a little\n more movement.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n \u003c!-- =====================================================\n DETAILS \/ INTERACTIVE FEATURES\n ===================================================== --\u003e\n\n \u003csection class=\"cc-details\"\u003e\n\n \u003cdiv class=\"cc-section-heading\"\u003e\n\n \u003cspan\u003e\n The details\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Small details.\n \u003cem\u003eBig difference.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"cc-features\"\u003e\n\n \u003c!-- FAST HEATING --\u003e\n\n \u003cdiv class=\"cc-feature\"\u003e\n\n \u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e\n\n \u003cspan class=\"cc-feature-title\"\u003e\n Fast Heating\n \u003c\/span\u003e\n\n \u003c\/button\u003e\n\n \u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-1\"\u003e\n\n \u003cdiv class=\"cc-feature-description-inner\"\u003e\n\n \u003cp\u003e\n Get started quickly.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- LED DISPLAY --\u003e\n\n \u003cdiv class=\"cc-feature\"\u003e\n\n \u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e\n\n \u003cspan class=\"cc-feature-title\"\u003e\n LED Display\n \u003c\/span\u003e\n\n \u003c\/button\u003e\n\n \u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-2\"\u003e\n\n \u003cdiv class=\"cc-feature-description-inner\"\u003e\n\n \u003cp\u003e\n Temperature at a glance.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- AUTO SHUT-OFF --\u003e\n\n \u003cdiv class=\"cc-feature\"\u003e\n\n \u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e\n\n \u003cspan class=\"cc-feature-title\"\u003e\n Auto Shut-Off\n \u003c\/span\u003e\n\n \u003c\/button\u003e\n\n \u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-3\"\u003e\n\n \u003cdiv class=\"cc-feature-description-inner\"\u003e\n\n \u003cp\u003e\n Added peace of mind.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- ANTI-SCALD PROTECTION --\u003e\n\n \u003cdiv class=\"cc-feature\"\u003e\n\n \u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e\n\n \u003cspan class=\"cc-feature-title\"\u003e\n Anti-Scald Protection\n \u003c\/span\u003e\n\n \u003c\/button\u003e\n\n \u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-4\"\u003e\n\n \u003cdiv class=\"cc-feature-description-inner\"\u003e\n\n \u003cp\u003e\n Designed with protection in mind.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- USB RECHARGEABLE --\u003e\n\n \u003cdiv class=\"cc-feature\"\u003e\n\n \u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e\n\n \u003cspan class=\"cc-feature-title\"\u003e\n USB Rechargeable\n \u003c\/span\u003e\n\n \u003c\/button\u003e\n\n \u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-5\"\u003e\n\n \u003cdiv class=\"cc-feature-description-inner\"\u003e\n\n \u003cp\u003e\n Recharge using a compatible USB source.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- MULTIPLE HAIR TYPES --\u003e\n\n \u003cdiv class=\"cc-feature\"\u003e\n\n \u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e\n\n \u003cspan class=\"cc-feature-title\"\u003e\n Multiple Hair Types\n \u003c\/span\u003e\n\n \u003c\/button\u003e\n\n \u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-6\"\u003e\n\n \u003cdiv class=\"cc-feature-description-inner\"\u003e\n\n \u003cp\u003e\n Designed for fine, thick, curly and coily hair.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n \u003c!-- =====================================================\n REAL LIFE\n ===================================================== --\u003e\n\n \u003csection class=\"cc-life\"\u003e\n\n \u003cspan class=\"cc-life-label\"\u003e\n Made for real life\n \u003c\/span\u003e\n\n \u003ch2\u003e\n From your morning routine to your\n \u003cem\u003enext adventure.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Keep it close for workdays, weekends away, travel days,\n date nights and those moments when your plans suddenly change.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cc-final-message\"\u003e\n\n \u003ch2\u003e\n Great hair isn't a luxury.\n It's your \u003cem\u003eeveryday standard.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n One beautiful little tool. Two ways to style. More freedom\n to simply get on with your day.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n \u003c!-- =====================================================\n BRAND SIGNATURE\n ===================================================== --\u003e\n\n \u003csection class=\"cc-brand-signature\"\u003e\n\n \u003cstrong\u003e\n Caracal Classic\n \u003c\/strong\u003e\n\n \u003cspan class=\"cc-brand-line\"\u003e\n Small enough to carry. Big enough to solve the problem.\n \u003c\/span\u003e\n\n \u003cem class=\"cc-slogan\"\u003e\n \"RRRR\"... WE GOT YOU BOO!\n \u003c\/em\u003e\n\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\u003cscript\u003e\n(function () {\n \/\/ Find the closest .cc-elite wrapper to scope everything locally\n var wrapper = document.currentScript.closest('.cc-elite') \n || document.querySelector('.cc-elite');\n\n if (!wrapper) return;\n\n \/\/ MOBILE \/ TOUCH — toggle .is-open on tap\n wrapper.querySelectorAll('.cc-feature-button').forEach(function (btn) {\n btn.addEventListener('click', function () {\n var feature = btn.closest('.cc-feature');\n var isOpen = feature.classList.contains('is-open');\n\n \/\/ Close all others\n wrapper.querySelectorAll('.cc-feature').forEach(function (f) {\n f.classList.remove('is-open');\n });\n\n \/\/ Toggle this one\n if (!isOpen) {\n feature.classList.add('is-open');\n }\n });\n });\n})();\n\u003c\/script\u003e","brand":"Caracal Classic","offers":[{"title":"Default Title","offer_id":56305569726769,"sku":null,"price":549.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1007\/9007\/5697\/files\/download.jpg?v=1790611613"},{"product_id":"caracal-classic™-bloom-ease-belt","title":"Caracal Classic™ Elite Bloom Belt","description":"\u003cstyle\u003e\n\/* =========================================================\n CARACAL CLASSIC — BLOOM EASE BELT\n Premium Period Heating Massage Belt\n ========================================================= *\/\n\n.cc-elite {\n --cc-black: #111111;\n --cc-white: #ffffff;\n\n --cc-marble-white: #fdfdfc;\n --cc-marble-light: #eeeeec;\n --cc-marble-mid: #d8d8d5;\n --cc-marble-grey: #bdbdb9;\n\n --cc-grey: #666666;\n --cc-border: rgba(17, 17, 17, 0.12);\n\n color: var(--cc-black);\n background: var(--cc-white);\n\n font-family: inherit;\n line-height: 1.5;\n\n overflow: hidden;\n}\n\n.cc-elite * {\n box-sizing: border-box;\n}\n\n.cc-elite h1,\n.cc-elite h2,\n.cc-elite h3,\n.cc-elite p {\n margin-top: 0;\n}\n\n.cc-elite em {\n font-style: normal;\n font-weight: 400;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n ========================================================= *\/\n\n@keyframes ccAppear {\n from {\n opacity: 0;\n transform: translateY(18px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes ccFloat {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-4px);\n }\n}\n\n.cc-animate {\n animation: ccAppear 0.8s ease both;\n}\n\n\n\/* =========================================================\n INNER CONTAINER\n ========================================================= *\/\n\n.cc-inner {\n width: min(1100px, 100%);\n margin: 0 auto;\n padding: 0 18px;\n}\n\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.cc-hero {\n position: relative;\n\n padding: 68px 35px 58px;\n\n text-align: center;\n\n border-radius: 28px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n\n background-size: cover;\n\n background-position: center;\n\n overflow: hidden;\n}\n\n.cc-hero::before {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background: rgba(255,255,255,0.18);\n\n pointer-events: none;\n}\n\n.cc-hero::after {\n content: \"\";\n\n position: absolute;\n\n width: 420px;\n height: 420px;\n\n top: -220px;\n right: -130px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(255,255,255,0.55) 0%,\n rgba(255,255,255,0) 70%\n );\n\n pointer-events: none;\n}\n\n.cc-eyebrow {\n position: relative;\n z-index: 1;\n\n display: block;\n\n margin-bottom: 18px;\n\n font-size: 11px;\n font-weight: 700;\n\n letter-spacing: 0.16em;\n\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-hero h2 {\n position: relative;\n z-index: 1;\n\n max-width: 780px;\n\n margin: 0 auto 25px;\n\n font-size: clamp(38px, 6vw, 68px);\n\n line-height: 1.04;\n\n letter-spacing: -0.045em;\n\n font-weight: 700;\n}\n\n.cc-hero h2 em {\n font-weight: 400;\n}\n\n.cc-hero-text {\n position: relative;\n z-index: 1;\n\n max-width: 610px;\n\n margin: 0 auto;\n\n font-size: 16px;\n\n line-height: 1.6;\n\n color: rgba(17,17,17,0.72);\n}\n\n.cc-tag {\n position: relative;\n z-index: 1;\n\n display: inline-block;\n\n margin-top: 30px;\n\n padding: 9px 17px;\n\n border: 1px solid rgba(17,17,17,0.12);\n\n border-radius: 999px;\n\n background: rgba(255,255,255,0.5);\n\n backdrop-filter: blur(8px);\n\n font-size: 11px;\n\n font-weight: 700;\n\n letter-spacing: 0.1em;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n BENEFITS\n ========================================================= *\/\n\n.cc-benefits {\n display: grid;\n\n grid-template-columns: repeat(4, 1fr);\n\n gap: 10px;\n\n margin: 20px 0 0;\n}\n\n.cc-benefit {\n position: relative;\n\n padding: 20px 15px;\n\n text-align: center;\n\n border-radius: 18px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n\n background-size: cover;\n\n background-position: center;\n\n border: 1px solid rgba(17,17,17,0.07);\n\n overflow: hidden;\n}\n\n.cc-benefit::after {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background: rgba(255,255,255,0.18);\n\n pointer-events: none;\n\n z-index: 0;\n}\n\n.cc-benefit \u003e * {\n position: relative;\n\n z-index: 1;\n}\n\n.cc-benefit strong {\n display: block;\n\n margin-bottom: 5px;\n\n font-size: 14px;\n}\n\n.cc-benefit span {\n display: block;\n\n font-size: 12px;\n\n line-height: 1.45;\n\n color: rgba(17,17,17,0.68);\n}\n\n\n\/* =========================================================\n STATEMENT\n ========================================================= *\/\n\n.cc-statement {\n padding: 68px 25px 58px;\n\n text-align: center;\n}\n\n.cc-statement h2 {\n max-width: 720px;\n\n margin: 0 auto;\n\n font-size: clamp(31px, 5vw, 52px);\n\n line-height: 1.03;\n\n letter-spacing: -0.035em;\n}\n\n.cc-statement h2 em {\n font-weight: 400;\n}\n\n.cc-statement p {\n max-width: 600px;\n\n margin: 18px auto 0;\n\n font-size: 15px;\n\n line-height: 1.6;\n\n color: var(--cc-grey);\n}\n\n\n\/* =========================================================\n THERAPY MODES\n ========================================================= *\/\n\n.cc-modes {\n display: grid;\n\n grid-template-columns: 1fr 1fr;\n\n gap: 14px;\n\n margin: 0 0 52px;\n}\n\n.cc-mode {\n position: relative;\n\n display: flex;\n\n align-items: flex-start;\n\n gap: 16px;\n\n padding: 24px;\n\n border-radius: 20px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n\n background-size: cover;\n\n background-position: center;\n\n border: 1px solid rgba(17,17,17,0.07);\n\n overflow: hidden;\n}\n\n.cc-mode::after {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background: rgba(255,255,255,0.18);\n\n pointer-events: none;\n\n z-index: 0;\n}\n\n.cc-mode \u003e * {\n position: relative;\n\n z-index: 1;\n}\n\n.cc-mode-number {\n flex-shrink: 0;\n\n padding-top: 4px;\n\n font-size: 11px;\n\n font-weight: 700;\n\n letter-spacing: 0.14em;\n\n opacity: 0.5;\n}\n\n.cc-mode h3 {\n margin: 0 0 6px;\n\n font-size: 18px;\n\n line-height: 1.2;\n}\n\n.cc-mode p {\n margin: 0;\n\n font-size: 13px;\n\n line-height: 1.5;\n\n color: rgba(17,17,17,0.68);\n}\n\n\n\/* =========================================================\n DETAILS\n ========================================================= *\/\n\n.cc-details {\n margin: 0 0 52px;\n}\n\n.cc-section-heading {\n margin-bottom: 22px;\n}\n\n.cc-section-heading \u003e span {\n display: block;\n\n margin-bottom: 6px;\n\n font-size: 11px;\n\n font-weight: 700;\n\n letter-spacing: 0.16em;\n\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-section-heading h2 {\n margin: 0;\n\n font-size: clamp(29px, 4vw, 43px);\n\n line-height: 1.05;\n\n letter-spacing: -0.03em;\n}\n\n.cc-section-heading h2 em {\n font-weight: 400;\n}\n\n\n\/* =========================================================\n INTERACTIVE FEATURES\n ========================================================= *\/\n\n.cc-features {\n display: block;\n\n border-top: 1px solid var(--cc-border);\n}\n\n.cc-feature {\n display: block;\n\n min-width: 0;\n\n padding: 0;\n\n border-bottom: 1px solid var(--cc-border);\n}\n\n.cc-feature-button {\n display: block;\n\n width: 100%;\n\n min-height: 56px;\n\n padding: 15px 10px;\n\n margin: 0;\n\n border: 0;\n\n background: transparent;\n\n color: var(--cc-black);\n\n font-family: inherit;\n\n font-size: 14px;\n\n font-weight: 700;\n\n line-height: 1.35;\n\n text-align: center;\n\n cursor: pointer;\n\n -webkit-tap-highlight-color: transparent;\n\n transition:\n background 0.25s ease,\n letter-spacing 0.25s ease;\n}\n\n.cc-feature-button:hover {\n background: rgba(17,17,17,0.025);\n\n letter-spacing: 0.01em;\n}\n\n.cc-feature-button:focus-visible {\n outline: 2px solid var(--cc-black);\n\n outline-offset: -2px;\n\n border-radius: 4px;\n}\n\n.cc-feature-title {\n display: block;\n\n width: 100%;\n}\n\n\n\/* =========================================================\n FEATURE DESCRIPTION\n ========================================================= *\/\n\n.cc-feature-description {\n display: grid;\n\n grid-template-rows: 0fr;\n\n opacity: 0;\n\n transition:\n grid-template-rows 0.32s ease,\n opacity 0.25s ease;\n}\n\n.cc-feature-description-inner {\n min-height: 0;\n\n overflow: hidden;\n}\n\n.cc-feature-description p {\n margin: 0;\n\n padding: 0 18px 16px;\n\n font-size: 12px;\n\n line-height: 1.55;\n\n text-align: center;\n\n color: var(--cc-grey);\n}\n\n\n\/* =========================================================\n DESKTOP HOVER\n ========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n .cc-feature:hover .cc-feature-description {\n grid-template-rows: 1fr;\n\n opacity: 1;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE TAP\n ========================================================= *\/\n\n@media (hover: none) and (pointer: coarse) {\n\n .cc-feature.is-open .cc-feature-description {\n grid-template-rows: 1fr;\n\n opacity: 1;\n }\n\n}\n\n\n\/* =========================================================\n REAL LIFE\n ========================================================= *\/\n\n.cc-life {\n position: relative;\n\n margin: 0 0 34px;\n\n padding: 38px 36px;\n\n border-radius: 24px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n\n background-size: cover;\n\n background-position: center;\n\n text-align: center;\n\n border: 1px solid rgba(17,17,17,0.07);\n\n overflow: hidden;\n}\n\n.cc-life::after {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background: rgba(255,255,255,0.18);\n\n pointer-events: none;\n\n z-index: 0;\n}\n\n.cc-life \u003e * {\n position: relative;\n\n z-index: 1;\n}\n\n.cc-life-label {\n display: block;\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n font-weight: 700;\n\n letter-spacing: 0.16em;\n\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-life \u003e h2 {\n max-width: 730px;\n\n margin: 0 auto;\n\n font-size: clamp(29px, 4vw, 44px);\n\n line-height: 1.08;\n\n letter-spacing: -0.03em;\n}\n\n.cc-life \u003e h2 em {\n font-weight: 400;\n}\n\n.cc-life \u003e p {\n max-width: 650px;\n\n margin: 14px auto 0;\n\n font-size: 14px;\n\n line-height: 1.55;\n\n color: rgba(17,17,17,0.68);\n}\n\n\n\/* =========================================================\n FINAL MESSAGE\n ========================================================= *\/\n\n.cc-final-message {\n margin-top: 32px;\n\n padding-top: 28px;\n\n border-top: 1px solid rgba(17,17,17,0.13);\n\n text-align: center;\n}\n\n.cc-final-message h2 {\n max-width: 720px;\n\n margin: 0 auto;\n\n font-size: clamp(25px, 3.5vw, 36px);\n\n line-height: 1.1;\n\n letter-spacing: -0.025em;\n}\n\n.cc-final-message h2 em {\n font-weight: 400;\n}\n\n.cc-final-message p {\n max-width: 600px;\n\n margin: 10px auto 0;\n\n font-size: 14px;\n\n line-height: 1.55;\n\n color: rgba(17,17,17,0.68);\n}\n\n\n\/* =========================================================\n BRAND SIGNATURE\n ========================================================= *\/\n\n.cc-brand-signature {\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n\n gap: 5px;\n\n padding: 28px 20px 12px;\n\n text-align: center;\n}\n\n.cc-brand-signature strong {\n font-size: 16px;\n\n font-weight: 700;\n\n letter-spacing: 0.08em;\n\n text-transform: uppercase;\n}\n\n.cc-brand-line {\n font-size: 12px;\n\n line-height: 1.4;\n\n color: var(--cc-grey);\n}\n\n.cc-slogan {\n margin-top: 8px;\n\n font-size: 15px;\n\n font-weight: 600;\n\n letter-spacing: 0.01em;\n}\n\n\n\/* =========================================================\n TABLET\n ========================================================= *\/\n\n@media (max-width: 800px) {\n\n .cc-benefits {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .cc-modes {\n grid-template-columns: 1fr;\n\n gap: 10px;\n\n margin-bottom: 42px;\n }\n\n .cc-mode {\n padding: 20px;\n }\n\n .cc-life {\n padding: 30px 24px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n ========================================================= *\/\n\n@media (max-width: 600px) {\n\n .cc-inner {\n padding: 0 12px;\n }\n\n .cc-hero {\n padding: 48px 14px 40px;\n\n border-radius: 22px;\n }\n\n .cc-elite .cc-hero h2 {\n max-width: none !important;\n\n width: auto !important;\n\n margin: 0 auto 24px !important;\n\n padding: 0 !important;\n\n font-size: clamp(31px, 9vw, 42px) !important;\n\n line-height: 1.05 !important;\n\n letter-spacing: -0.04em !important;\n\n white-space: normal !important;\n }\n\n .cc-hero-text {\n max-width: 330px;\n\n margin: 0 auto;\n\n font-size: 14px;\n\n line-height: 1.6;\n }\n\n .cc-tag {\n margin-top: 27px;\n\n font-size: 10px;\n }\n\n .cc-benefits {\n gap: 8px;\n\n margin-top: 12px;\n }\n\n .cc-benefit {\n padding: 16px 10px;\n\n border-radius: 15px;\n }\n\n .cc-benefit strong {\n font-size: 13px;\n }\n\n .cc-benefit span {\n font-size: 11px;\n }\n\n .cc-statement {\n padding: 48px 12px 42px;\n }\n\n .cc-statement p {\n font-size: 14px;\n }\n\n .cc-details {\n margin-bottom: 40px;\n }\n\n .cc-section-heading {\n margin-bottom: 15px;\n }\n\n .cc-feature-button {\n min-height: 52px;\n\n padding: 14px 5px;\n\n font-size: 13px;\n }\n\n .cc-feature-description p {\n padding: 0 12px 14px;\n\n font-size: 11px;\n }\n\n .cc-life {\n margin-bottom: 24px;\n\n padding: 27px 20px;\n\n border-radius: 20px;\n }\n\n .cc-life \u003e p {\n font-size: 13px;\n\n margin-top: 11px;\n }\n\n .cc-final-message {\n margin-top: 25px;\n\n padding-top: 22px;\n }\n\n .cc-final-message p {\n font-size: 13px;\n }\n\n .cc-brand-signature {\n padding: 22px 15px 8px;\n }\n\n .cc-brand-signature strong {\n font-size: 14px;\n }\n\n .cc-brand-line {\n font-size: 11px;\n }\n\n .cc-slogan {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n REDUCED MOTION\n ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .cc-animate {\n animation: none;\n }\n\n .cc-feature-description {\n transition: none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"cc-elite\"\u003e\n\u003cdiv class=\"cc-inner\"\u003e\n\u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\u003csection class=\"cc-hero cc-animate\"\u003e\u003cspan class=\"cc-eyebrow\"\u003e Caracal Classic · Elite Collection \u003c\/span\u003e\n\u003ch2\u003eYour Ovaries Deserve\u003cbr\u003e\u003cem\u003eA Little Break.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cc-hero-text\"\u003eGentle heat and soothing vibration designed to bring comfort to those days when your body simply asks you to slow down.\u003c\/p\u003e\n\u003cspan class=\"cc-tag\"\u003e Heat · Massage · Comfort \u003c\/span\u003e\u003c\/section\u003e\n\u003c!-- =====================================================\n BENEFITS\n ===================================================== --\u003e\n\u003csection class=\"cc-benefits\"\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003e5 Heat Levels\u003c\/strong\u003e \u003cspan\u003eChoose warmth from 45°C to 65°C.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003e4 Massage Modes\u003c\/strong\u003e \u003cspan\u003eGentle vibration for soothing comfort.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eCordless\u003c\/strong\u003e \u003cspan\u003eComfort without being tied to an outlet.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eDiscreet\u003c\/strong\u003e \u003cspan\u003eSlim enough to fit beneath clothing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STATEMENT\n ===================================================== --\u003e\n\u003csection class=\"cc-statement\"\u003e\n\u003ch2\u003eWhen your body says slow down,\u003cbr\u003e\u003cem\u003elisten.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe Bloom Ease Belt combines soothing heat with gentle vibration massage in one slim, cordless design made to move with you.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n THERAPY MODES\n ===================================================== --\u003e\n\u003csection class=\"cc-modes\"\u003e\n\u003cdiv class=\"cc-mode\"\u003e\n\u003cspan class=\"cc-mode-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eIntelligent Heat Therapy\u003c\/h3\u003e\n\u003cp\u003eChoose from five temperature settings from 45°C to 65°C and find the level of warmth that feels right for you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-mode\"\u003e\n\u003cspan class=\"cc-mode-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGentle Vibration Massage\u003c\/h3\u003e\n\u003cp\u003eFour tailored massage modes provide soothing vibration for menstrual discomfort and lower-back tension.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n DETAILS\n ===================================================== --\u003e\n\u003csection class=\"cc-details\"\u003e\n\u003cdiv class=\"cc-section-heading\"\u003e\n\u003cspan\u003e The details \u003c\/span\u003e\n\u003ch2\u003eSmall details. \u003cem\u003eBig comfort.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-features\"\u003e\n\u003c!-- HEAT --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Soothing Heat Therapy \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eConsistent warmth designed to comfort menstrual cramps and abdominal discomfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MASSAGE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Gentle Vibration Massage \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eFour massage modes provide soothing vibration for menstrual discomfort and lower-back tension.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TEMPERATURE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Five Temperature Settings \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eAdjust the warmth from 45°C to 65°C to suit your comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LED --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Intuitive LED Display \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eEasily view and adjust your selected temperature and massage mode.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- AUTO SHUT OFF --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Intelligent Auto Shut-Off \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eBuilt-in automatic shut-off provides added peace of mind during use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECHARGEABLE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Wireless \u0026amp; Rechargeable \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eEnjoy cordless comfort without being tied to a power outlet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DISCREET --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Slim \u0026amp; Discreet \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eDesigned to fit comfortably beneath clothing without adding unnecessary bulk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- EVERYDAY --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Made for Everyday Life \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eIdeal for relaxing, working, travelling, stretching and gentle yoga.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n REAL LIFE\n ===================================================== --\u003e\n\u003csection class=\"cc-life\"\u003e\u003cspan class=\"cc-life-label\"\u003e Made for real life \u003c\/span\u003e\n\u003ch2\u003eBecause comfort shouldn't \u003cem\u003ehave to stay at home.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCompact enough to keep beside your bed, in your handbag or packed into your travel bag, the Bloom Ease Belt is designed to be there when you need it most.\u003c\/p\u003e\n\u003cdiv class=\"cc-final-message\"\u003e\n\u003ch2\u003eYour comfort. \u003cem\u003eWherever life takes you.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA little warmth. A little movement. A little more freedom to get on with your day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\n(function () {\n \/\/ Find the closest .cc-elite wrapper to scope everything locally\n var wrapper = document.currentScript.closest('.cc-elite') \n || document.querySelector('.cc-elite');\n\n if (!wrapper) return;\n\n \/\/ MOBILE \/ TOUCH — toggle .is-open on tap\n wrapper.querySelectorAll('.cc-feature-button').forEach(function (btn) {\n btn.addEventListener('click', function () {\n var feature = btn.closest('.cc-feature');\n var isOpen = feature.classList.contains('is-open');\n\n \/\/ Close all others\n wrapper.querySelectorAll('.cc-feature').forEach(function (f) {\n f.classList.remove('is-open');\n });\n\n \/\/ Toggle this one\n if (!isOpen) {\n feature.classList.add('is-open');\n }\n });\n });\n})();\n\u003c\/script\u003e","brand":"Caracal Classic","offers":[{"title":"Default Title","offer_id":56407434756401,"sku":null,"price":529.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1007\/9007\/5697\/files\/HeroImage.jpg?v=1790001862"},{"product_id":"caracal-classic™-elite-droplet-cleanser","title":"Caracal Classic™ Elite Droplet Cleanser","description":"\u003cstyle\u003e\n\/* =========================================================\n CARACAL CLASSIC — ELITE DROPLET CLEANSER\n Premium Product Description\n ========================================================= *\/\n\n.cc-elite {\n --cc-black: #111111;\n --cc-white: #ffffff;\n --cc-marble-white: #fdfdfc;\n --cc-marble-light: #eeeeec;\n --cc-marble-mid: #d8d8d5;\n --cc-marble-grey: #bdbdb9;\n --cc-grey: #666666;\n --cc-border: rgba(17, 17, 17, 0.12);\n\n color: var(--cc-black);\n background: var(--cc-white);\n font-family: inherit;\n line-height: 1.5;\n overflow: hidden;\n}\n\n.cc-elite * {\n box-sizing: border-box;\n}\n\n.cc-elite h1,\n.cc-elite h2,\n.cc-elite h3,\n.cc-elite p {\n margin-top: 0;\n}\n\n.cc-elite em {\n font-style: normal;\n}\n\n\/* =========================================================\n ANIMATIONS\n ========================================================= *\/\n\n@keyframes ccAppear {\n from {\n opacity: 0;\n transform: translateY(18px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes ccCloudMove {\n from {\n transform: translateX(-2%);\n }\n\n to {\n transform: translateX(2%);\n }\n}\n\n@keyframes ccFloat {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-4px);\n }\n}\n\n.cc-animate {\n animation: ccAppear 0.8s ease both;\n}\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.cc-hero {\n position: relative;\n padding: 65px 35px 55px;\n text-align: center;\n border-radius: 28px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n background-size: cover;\n background-position: center;\n\n overflow: hidden;\n}\n\n.cc-hero::before,\n.cc-hero::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n\n.cc-hero::before {\n background: rgba(255, 255, 255, 0.18);\n}\n\n.cc-hero::after {\n background: rgba(255, 255, 255, 0.08);\n}\n\n.cc-eyebrow {\n position: relative;\n z-index: 1;\n\n display: block;\n margin-bottom: 18px;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-hero h2 {\n position: relative;\n z-index: 1;\n\n max-width: 760px;\n margin: 0 auto 28px;\n padding: 0;\n\n font-size: clamp(38px, 6vw, 68px);\n line-height: 1.08;\n letter-spacing: -0.04em;\n font-weight: 700;\n}\n\n.cc-hero h2 em {\n font-weight: 400;\n}\n\n.cc-hero-text {\n position: relative;\n z-index: 1;\n\n max-width: 610px;\n margin: 0 auto;\n\n font-size: 16px;\n line-height: 1.6;\n\n opacity: 0.72;\n}\n\n.cc-tag {\n position: relative;\n z-index: 1;\n\n display: inline-block;\n margin-top: 30px;\n padding: 9px 17px;\n\n border: 1px solid rgba(17, 17, 17, 0.12);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.45);\n backdrop-filter: blur(8px);\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n\/* =========================================================\n BENEFITS\n ========================================================= *\/\n\n.cc-benefits {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 10px;\n margin: 20px 0 0;\n}\n\n.cc-benefit {\n position: relative;\n overflow: hidden;\n\n padding: 20px 15px;\n\n text-align: center;\n\n border-radius: 24px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n background-size: cover;\n background-position: center;\n\n border: 1px solid rgba(17, 17, 17, 0.08);\n\n box-shadow:\n 0 18px 50px rgba(17, 17, 17, 0.07),\n inset 0 1px 0 rgba(255, 255, 255, 0.8);\n}\n\n.cc-benefit strong {\n display: block;\n margin-bottom: 5px;\n font-size: 14px;\n}\n\n.cc-benefit span {\n display: block;\n\n font-size: 12px;\n line-height: 1.45;\n\n color: var(--cc-grey);\n}\n\n\/* =========================================================\n STATEMENT\n ========================================================= *\/\n\n.cc-statement {\n padding: 65px 25px 55px;\n text-align: center;\n}\n\n.cc-statement h2 {\n max-width: 700px;\n margin: 0 auto;\n\n font-size: clamp(31px, 5vw, 52px);\n line-height: 1.03;\n letter-spacing: -0.035em;\n}\n\n.cc-statement h2 em {\n font-weight: 400;\n}\n\n.cc-statement p {\n max-width: 570px;\n margin: 18px auto 0;\n\n font-size: 15px;\n line-height: 1.6;\n\n color: var(--cc-grey);\n}\n\n\/* =========================================================\n CLEANSING MODES\n ========================================================= *\/\n\n.cc-modes {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n margin: 0 0 48px;\n}\n\n.cc-mode {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n\n padding: 22px 24px;\n\n border-radius: 20px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n background-size: cover;\n background-position: center;\n}\n\n.cc-mode-number {\n flex-shrink: 0;\n padding-top: 4px;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n\n opacity: 0.5;\n}\n\n.cc-mode h3 {\n margin: 0 0 5px;\n\n font-size: 18px;\n line-height: 1.2;\n}\n\n.cc-mode p {\n margin: 0;\n\n font-size: 13px;\n line-height: 1.5;\n\n color: rgba(17,17,17,0.68);\n}\n\n\/* =========================================================\n DETAILS\n ========================================================= *\/\n\n.cc-details {\n margin: 0 0 50px;\n}\n\n.cc-section-heading {\n margin-bottom: 20px;\n}\n\n.cc-section-heading \u003e span {\n display: block;\n margin-bottom: 6px;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-section-heading h2 {\n margin: 0;\n\n font-size: clamp(29px, 4vw, 43px);\n line-height: 1.05;\n letter-spacing: -0.03em;\n}\n\n.cc-section-heading h2 em {\n font-weight: 400;\n}\n\n\/* =========================================================\n INTERACTIVE PRODUCT FEATURES\n ========================================================= *\/\n\n.cc-features {\n display: block;\n border-top: 1px solid var(--cc-border);\n}\n\n.cc-feature {\n display: block;\n min-width: 0;\n padding: 0;\n\n border-bottom: 1px solid var(--cc-border);\n}\n\n.cc-feature-button {\n display: block;\n width: 100%;\n min-height: 54px;\n\n padding: 15px 10px;\n margin: 0;\n\n border: 0;\n background: transparent;\n\n color: var(--cc-black);\n font-family: inherit;\n\n font-size: 14px;\n font-weight: 700;\n line-height: 1.35;\n text-align: center;\n\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n\n.cc-feature-button:hover {\n background: rgba(17, 17, 17, 0.025);\n}\n\n.cc-feature-button:focus-visible {\n outline: 2px solid var(--cc-black);\n outline-offset: -2px;\n border-radius: 4px;\n}\n\n.cc-feature-title {\n display: block;\n width: 100%;\n}\n\n\/* =========================================================\n HIDDEN DESCRIPTION\n ========================================================= *\/\n\n.cc-feature-description {\n display: grid;\n\n grid-template-rows: 0fr;\n\n opacity: 0;\n\n transition:\n grid-template-rows 0.3s ease,\n opacity 0.25s ease;\n}\n\n.cc-feature-description-inner {\n min-height: 0;\n overflow: hidden;\n}\n\n.cc-feature-description p {\n margin: 0;\n padding: 0 15px 15px;\n\n font-size: 12px;\n line-height: 1.5;\n text-align: center;\n\n color: var(--cc-grey);\n}\n\n\/* =========================================================\n LAPTOP \/ DESKTOP\n ========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n .cc-feature:hover .cc-feature-description {\n grid-template-rows: 1fr;\n opacity: 1;\n }\n\n}\n\n\/* =========================================================\n MOBILE \/ TOUCH\n ========================================================= *\/\n\n@media (hover: none) and (pointer: coarse) {\n\n .cc-feature.is-open .cc-feature-description {\n grid-template-rows: 1fr;\n opacity: 1;\n }\n\n}\n\n\/* =========================================================\n REAL LIFE\n ========================================================= *\/\n\n.cc-life {\n margin: 0 0 32px;\n padding: 34px 36px;\n\n border-radius: 24px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n background-size: cover;\n background-position: center;\n\n text-align: center;\n}\n\n.cc-life-label {\n display: block;\n margin-bottom: 7px;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-life \u003e h2 {\n max-width: 720px;\n margin: 0 auto;\n\n font-size: clamp(29px, 4vw, 44px);\n line-height: 1.08;\n letter-spacing: -0.03em;\n}\n\n.cc-life \u003e h2 em {\n font-weight: 400;\n}\n\n.cc-life \u003e p {\n max-width: 650px;\n margin: 14px auto 0;\n\n font-size: 14px;\n line-height: 1.55;\n\n color: rgba(17,17,17,0.68);\n}\n\n\/* =========================================================\n FINAL MESSAGE\n ========================================================= *\/\n\n.cc-final-message {\n margin-top: 30px;\n padding-top: 27px;\n\n border-top: 1px solid rgba(17,17,17,0.13);\n\n text-align: center;\n}\n\n.cc-final-message h2 {\n max-width: 720px;\n margin: 0 auto;\n\n font-size: clamp(25px, 3.5vw, 36px);\n line-height: 1.1;\n letter-spacing: -0.025em;\n}\n\n.cc-final-message h2 em {\n font-weight: 400;\n}\n\n.cc-final-message p {\n max-width: 600px;\n margin: 10px auto 0;\n\n font-size: 14px;\n line-height: 1.55;\n\n color: rgba(17,17,17,0.68);\n}\n\n\/* =========================================================\n BRAND SIGNATURE\n ========================================================= *\/\n\n.cc-brand-signature {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n\n padding: 28px 20px 12px;\n\n text-align: center;\n}\n\n.cc-brand-signature strong {\n font-size: 16px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.cc-brand-line {\n font-size: 12px;\n line-height: 1.4;\n color: var(--cc-grey);\n}\n\n.cc-slogan {\n margin-top: 8px;\n\n font-size: 15px;\n font-weight: 600;\n letter-spacing: 0.01em;\n}\n\n\/* =========================================================\n INNER CONTAINER\n ========================================================= *\/\n\n.cc-inner {\n width: min(1100px, 100%);\n margin: 0 auto;\n padding: 0 18px;\n}\n\n\/* =========================================================\n TABLET\n ========================================================= *\/\n\n@media (max-width: 800px) {\n\n .cc-benefits {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .cc-modes {\n grid-template-columns: 1fr;\n gap: 10px;\n margin-bottom: 38px;\n }\n\n .cc-mode {\n padding: 18px 20px;\n }\n\n .cc-life {\n padding: 28px 24px;\n }\n\n}\n\n\/* =========================================================\n MOBILE\n ========================================================= *\/\n\n@media (max-width: 600px) {\n\n .cc-inner {\n padding: 0 12px;\n }\n\n .cc-hero {\n padding: 48px 14px 40px;\n border-radius: 22px;\n }\n\n .cc-elite .cc-hero h2 {\n position: relative;\n z-index: 1;\n\n max-width: none !important;\n width: max-content !important;\n\n margin: 0 auto 28px !important;\n padding: 0 !important;\n\n font-size: clamp(27px, 8vw, 36px) !important;\n line-height: 1.08 !important;\n letter-spacing: -0.035em !important;\n\n white-space: nowrap !important;\n }\n\n .cc-hero h2 em {\n font-weight: 400;\n }\n\n .cc-hero-text {\n max-width: 330px;\n margin: 0 auto;\n\n font-size: 14px;\n line-height: 1.6;\n }\n\n .cc-tag {\n margin-top: 30px;\n font-size: 10px;\n }\n\n .cc-benefits {\n gap: 8px;\n margin-top: 12px;\n }\n\n .cc-benefit {\n padding: 16px 10px;\n border-radius: 15px;\n }\n\n .cc-benefit strong {\n font-size: 13px;\n }\n\n .cc-benefit span {\n font-size: 11px;\n }\n\n .cc-statement {\n padding: 48px 12px 42px;\n }\n\n .cc-statement p {\n font-size: 14px;\n }\n\n .cc-details {\n margin-bottom: 40px;\n }\n\n .cc-section-heading {\n margin-bottom: 15px;\n }\n\n .cc-feature-button {\n min-height: 52px;\n padding: 14px 5px;\n\n font-size: 13px;\n }\n\n .cc-feature-description p {\n padding: 0 12px 14px;\n font-size: 11px;\n }\n\n .cc-life {\n margin-bottom: 24px;\n padding: 25px 20px;\n border-radius: 20px;\n }\n\n .cc-life \u003e p {\n font-size: 13px;\n margin-top: 11px;\n }\n\n .cc-final-message {\n margin-top: 24px;\n padding-top: 22px;\n }\n\n .cc-final-message p {\n font-size: 13px;\n }\n\n .cc-brand-signature {\n padding: 22px 15px 8px;\n }\n\n .cc-brand-signature strong {\n font-size: 14px;\n }\n\n .cc-brand-line {\n font-size: 11px;\n }\n\n .cc-slogan {\n font-size: 14px;\n }\n\n}\n\n\/* =========================================================\n REDUCED MOTION\n ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .cc-hero {\n animation: none;\n }\n\n .cc-animate {\n animation: none;\n }\n\n .cc-feature-description {\n transition: none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"cc-elite\"\u003e\n\u003cdiv class=\"cc-inner\"\u003e\n\u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\u003csection class=\"cc-hero cc-animate\"\u003e\u003cspan class=\"cc-eyebrow\"\u003e Caracal Classic · Elite Collection \u003c\/span\u003e\n\u003ch2\u003eYour Skin's New\u003cbr\u003e\u003cem\u003eDaily Ritual Starts Here.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cc-hero-text\"\u003eMeet the Caracal Classic™ Elite Droplet Cleanser — a gentle electric cleansing and eye massage experience designed to leave your skin feeling beautifully clean, refreshed and cared for.\u003c\/p\u003e\n\u003cspan class=\"cc-tag\"\u003e Cleanse · Massage · Refresh \u003c\/span\u003e\u003c\/section\u003e\n\u003c!-- =====================================================\n BENEFITS\n ===================================================== --\u003e\n\u003csection class=\"cc-benefits\"\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eDeep Cleanse\u003c\/strong\u003e \u003cspan\u003eHelps lift away makeup, oil and everyday impurities.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eEye Massage\u003c\/strong\u003e \u003cspan\u003eGentle warmth and massage for the delicate under-eye area.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eUSB Rechargeable\u003c\/strong\u003e \u003cspan\u003eRecharge easily and enjoy cordless freedom.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eTravel Ready\u003c\/strong\u003e \u003cspan\u003eCompact enough to take wherever your routine goes.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STATEMENT\n ===================================================== --\u003e\n\u003csection class=\"cc-statement\"\u003e\n\u003ch2\u003eDeep Clean.\u003cbr\u003e\u003cem\u003eDeeply Satisfying.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePowered by gentle electric vibrations and a soft silicone bristle head, the Elite Droplet Cleanser helps lift away makeup, oil and everyday impurities without the harsh feel of traditional scrubbing.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n CLEANSING MODES\n ===================================================== --\u003e\n\u003csection class=\"cc-modes\"\u003e\n\u003cdiv class=\"cc-mode\"\u003e\n\u003cspan class=\"cc-mode-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eDeep Cleansing\u003c\/h3\u003e\n\u003cp\u003eThe silicone bristle head and gentle electric vibrations help cleanse away makeup, oil and daily impurities for skin that feels fresh, smooth and beautifully clean.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-mode\"\u003e\n\u003cspan class=\"cc-mode-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eWarm Eye Massage\u003c\/h3\u003e\n\u003cp\u003eBuilt-in eye heating massage brings gentle warmth and soothing movement to the delicate under-eye area when your eyes need a little extra care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n DETAILS \/ INTERACTIVE FEATURES\n ===================================================== --\u003e\n\u003csection class=\"cc-details\"\u003e\n\u003cdiv class=\"cc-section-heading\"\u003e\n\u003cspan\u003e The details \u003c\/span\u003e\n\u003ch2\u003eThoughtful features. \u003cem\u003eBeautifully simple.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-features\"\u003e\n\u003c!-- ULTRA-GENTLE SILICONE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Ultra-Gentle Silicone \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-1\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eA soft silicone bristle head designed to provide a gentle, comfortable cleanse — including for sensitive skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GENTLE ELECTRIC VIBRATIONS --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Gentle Electric Vibrations \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-2\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eGentle vibrations help lift away makeup, oil and everyday impurities without the harsh sensation of traditional scrubbing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- EYE HEATING MASSAGE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Eye Heating Massage \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-3\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eBuilt-in warmth and gentle massage are designed to help soothe the delicate under-eye area and refresh tired-looking eyes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MULTIPLE CLEANSING MODES --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Multiple Cleansing Modes \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-4\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eChoose the cleansing experience that suits your routine and enjoy an effortless facial cleanse from the comfort of home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- USB RECHARGEABLE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e USB Rechargeable \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-5\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eRecharge easily via USB and enjoy cordless freedom without constantly replacing batteries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PORTABLE \u0026 TRAVEL READY --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Portable \u0026amp; Travel Ready \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-6\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eCompact enough for your gym bag, carry-on, bathroom counter or bedside table — wherever your routine takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MADE FOR MEN \u0026 WOMEN --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Made for Men \u0026amp; Women \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\" id=\"cc-feature-description-7\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eBecause great skincare has no gender. The Elite Droplet Cleanser is designed to fit effortlessly into anyone's daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ANTI-SCALD \u0026 AUTO SHUT-OFF --\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n REAL LIFE\n ===================================================== --\u003e\n\u003csection class=\"cc-life\"\u003e\u003cspan class=\"cc-life-label\"\u003e Made for real life \u003c\/span\u003e\n\u003ch2\u003eExfoliation, \u003cem\u003eElevated.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eOne device. Multiple modes. An effortless path to a beautifully refreshed cleanse — whether you're getting ready for the day, winding down at night, or taking your skincare routine with you.\u003c\/p\u003e\n\u003cdiv class=\"cc-final-message\"\u003e\n\u003ch2\u003eYour skin deserves a little \u003cem\u003elove too.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA deeper cleanse. A soothing moment for your eyes. A little more confidence every time you look in the mirror.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n BRAND SIGNATURE\n ===================================================== --\u003e\n\u003csection class=\"cc-brand-signature\"\u003e\u003cstrong\u003e Caracal Classic \u003c\/strong\u003e \u003cspan class=\"cc-brand-line\"\u003e Small enough to carry. Big enough to solve the problem. \u003c\/span\u003e \u003cem class=\"cc-slogan\"\u003e \"RRRR\"... WE GOT YOU BOO! \u003c\/em\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\n(function () {\n \/\/ Find the closest .cc-elite wrapper to scope everything locally\n var wrapper = document.currentScript.closest('.cc-elite') \n || document.querySelector('.cc-elite');\n\n if (!wrapper) return;\n\n \/\/ MOBILE \/ TOUCH — toggle .is-open on tap\n wrapper.querySelectorAll('.cc-feature-button').forEach(function (btn) {\n btn.addEventListener('click', function () {\n var feature = btn.closest('.cc-feature');\n var isOpen = feature.classList.contains('is-open');\n\n \/\/ Close all others\n wrapper.querySelectorAll('.cc-feature').forEach(function (f) {\n f.classList.remove('is-open');\n });\n\n \/\/ Toggle this one\n if (!isOpen) {\n feature.classList.add('is-open');\n }\n });\n });\n})();\n\u003c\/script\u003e","brand":"Caracal Classic","offers":[{"title":"Default Title","offer_id":56440738775345,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1007\/9007\/5697\/files\/Hero_Image_510ef035-6195-4bef-8125-e93f1074f337.jpg?v=1790279101"},{"product_id":"caracal-classic™-elite-pearl-light","title":"Caracal Classic™ Elite Pearl Light","description":"\u003cstyle\u003e\n\/* =========================================================\n CARACAL CLASSIC — ELITE PEARL GLOW\n Premium At-Home Smile Whitening Device\n ========================================================= *\/\n\n.cc-elite {\n --cc-black: #111111;\n --cc-white: #ffffff;\n\n --cc-marble-white: #fdfdfc;\n --cc-marble-light: #eeeeec;\n --cc-marble-mid: #d8d8d5;\n --cc-marble-grey: #bdbdb9;\n\n --cc-grey: #666666;\n --cc-border: rgba(17, 17, 17, 0.12);\n\n color: var(--cc-black);\n background: var(--cc-white);\n\n font-family: inherit;\n line-height: 1.5;\n\n overflow: hidden;\n}\n\n.cc-elite * {\n box-sizing: border-box;\n}\n\n.cc-elite h1,\n.cc-elite h2,\n.cc-elite h3,\n.cc-elite p {\n margin-top: 0;\n}\n\n.cc-elite em {\n font-style: normal;\n font-weight: 400;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n ========================================================= *\/\n\n@keyframes ccAppear {\n from {\n opacity: 0;\n transform: translateY(18px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes ccFloat {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-4px);\n }\n}\n\n.cc-animate {\n animation: ccAppear 0.8s ease both;\n}\n\n\n\/* =========================================================\n INNER CONTAINER\n ========================================================= *\/\n\n.cc-inner {\n width: min(1100px, 100%);\n margin: 0 auto;\n padding: 0 18px;\n}\n\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.cc-hero {\n position: relative;\n\n padding: 68px 35px 58px;\n\n text-align: center;\n\n border-radius: 28px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n\n background-size: cover;\n\n background-position: center;\n\n overflow: hidden;\n}\n\n.cc-hero::before {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background: rgba(255,255,255,0.18);\n\n pointer-events: none;\n}\n\n.cc-hero::after {\n content: \"\";\n\n position: absolute;\n\n width: 420px;\n height: 420px;\n\n top: -220px;\n right: -130px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(255,255,255,0.55) 0%,\n rgba(255,255,255,0) 70%\n );\n\n pointer-events: none;\n}\n\n.cc-eyebrow {\n position: relative;\n z-index: 1;\n\n display: block;\n\n margin-bottom: 18px;\n\n font-size: 11px;\n font-weight: 700;\n\n letter-spacing: 0.16em;\n\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-hero h2 {\n position: relative;\n z-index: 1;\n\n max-width: 780px;\n\n margin: 0 auto 25px;\n\n font-size: clamp(38px, 6vw, 68px);\n\n line-height: 1.04;\n\n letter-spacing: -0.045em;\n\n font-weight: 700;\n}\n\n.cc-hero h2 em {\n font-weight: 400;\n}\n\n.cc-hero-text {\n position: relative;\n z-index: 1;\n\n max-width: 610px;\n\n margin: 0 auto;\n\n font-size: 16px;\n\n line-height: 1.6;\n\n color: rgba(17,17,17,0.72);\n}\n\n.cc-tag {\n position: relative;\n z-index: 1;\n\n display: inline-block;\n\n margin-top: 30px;\n\n padding: 9px 17px;\n\n border: 1px solid rgba(17,17,17,0.12);\n\n border-radius: 999px;\n\n background: rgba(255,255,255,0.5);\n\n backdrop-filter: blur(8px);\n\n font-size: 11px;\n\n font-weight: 700;\n\n letter-spacing: 0.1em;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n BENEFITS\n ========================================================= *\/\n\n.cc-benefits {\n display: grid;\n\n grid-template-columns: repeat(4, 1fr);\n\n gap: 10px;\n\n margin: 20px 0 0;\n}\n\n.cc-benefit {\n position: relative;\n\n padding: 20px 15px;\n\n text-align: center;\n\n border-radius: 18px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n\n background-size: cover;\n\n background-position: center;\n\n border: 1px solid rgba(17,17,17,0.07);\n\n overflow: hidden;\n}\n\n.cc-benefit::after {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background: rgba(255,255,255,0.18);\n\n pointer-events: none;\n\n z-index: 0;\n}\n\n.cc-benefit \u003e * {\n position: relative;\n\n z-index: 1;\n}\n\n.cc-benefit strong {\n display: block;\n\n margin-bottom: 5px;\n\n font-size: 14px;\n}\n\n.cc-benefit span {\n display: block;\n\n font-size: 12px;\n\n line-height: 1.45;\n\n color: rgba(17,17,17,0.68);\n}\n\n\n\/* =========================================================\n STATEMENT\n ========================================================= *\/\n\n.cc-statement {\n padding: 68px 25px 58px;\n\n text-align: center;\n}\n\n.cc-statement h2 {\n max-width: 720px;\n\n margin: 0 auto;\n\n font-size: clamp(31px, 5vw, 52px);\n\n line-height: 1.03;\n\n letter-spacing: -0.035em;\n}\n\n.cc-statement h2 em {\n font-weight: 400;\n}\n\n.cc-statement p {\n max-width: 600px;\n\n margin: 18px auto 0;\n\n font-size: 15px;\n\n line-height: 1.6;\n\n color: var(--cc-grey);\n}\n\n\n\/* =========================================================\n WHITENING EXPERIENCE\n ========================================================= *\/\n\n.cc-modes {\n display: grid;\n\n grid-template-columns: 1fr 1fr;\n\n gap: 14px;\n\n margin: 0 0 52px;\n}\n\n.cc-mode {\n position: relative;\n\n display: flex;\n\n align-items: flex-start;\n\n gap: 16px;\n\n padding: 24px;\n\n border-radius: 20px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n\n background-size: cover;\n\n background-position: center;\n\n border: 1px solid rgba(17,17,17,0.07);\n\n overflow: hidden;\n}\n\n.cc-mode::after {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background: rgba(255,255,255,0.18);\n\n pointer-events: none;\n\n z-index: 0;\n}\n\n.cc-mode \u003e * {\n position: relative;\n\n z-index: 1;\n}\n\n.cc-mode-number {\n flex-shrink: 0;\n\n padding-top: 4px;\n\n font-size: 11px;\n\n font-weight: 700;\n\n letter-spacing: 0.14em;\n\n opacity: 0.5;\n}\n\n.cc-mode h3 {\n margin: 0 0 6px;\n\n font-size: 18px;\n\n line-height: 1.2;\n}\n\n.cc-mode p {\n margin: 0;\n\n font-size: 13px;\n\n line-height: 1.5;\n\n color: rgba(17,17,17,0.68);\n}\n\n\n\/* =========================================================\n DETAILS\n ========================================================= *\/\n\n.cc-details {\n margin: 0 0 52px;\n}\n\n.cc-section-heading {\n margin-bottom: 22px;\n}\n\n.cc-section-heading \u003e span {\n display: block;\n\n margin-bottom: 6px;\n\n font-size: 11px;\n\n font-weight: 700;\n\n letter-spacing: 0.16em;\n\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-section-heading h2 {\n margin: 0;\n\n font-size: clamp(29px, 4vw, 43px);\n\n line-height: 1.05;\n\n letter-spacing: -0.03em;\n}\n\n.cc-section-heading h2 em {\n font-weight: 400;\n}\n\n\n\/* =========================================================\n INTERACTIVE FEATURES\n ========================================================= *\/\n\n.cc-features {\n display: block;\n\n border-top: 1px solid var(--cc-border);\n}\n\n.cc-feature {\n display: block;\n\n min-width: 0;\n\n padding: 0;\n\n border-bottom: 1px solid var(--cc-border);\n}\n\n.cc-feature-button {\n display: block;\n\n width: 100%;\n\n min-height: 56px;\n\n padding: 15px 10px;\n\n margin: 0;\n\n border: 0;\n\n background: transparent;\n\n color: var(--cc-black);\n\n font-family: inherit;\n\n font-size: 14px;\n\n font-weight: 700;\n\n line-height: 1.35;\n\n text-align: center;\n\n cursor: pointer;\n\n -webkit-tap-highlight-color: transparent;\n\n transition:\n background 0.25s ease,\n letter-spacing 0.25s ease;\n}\n\n.cc-feature-button:hover {\n background: rgba(17,17,17,0.025);\n\n letter-spacing: 0.01em;\n}\n\n.cc-feature-button:focus-visible {\n outline: 2px solid var(--cc-black);\n\n outline-offset: -2px;\n\n border-radius: 4px;\n}\n\n.cc-feature-title {\n display: block;\n\n width: 100%;\n}\n\n\n\/* =========================================================\n FEATURE DESCRIPTION\n ========================================================= *\/\n\n.cc-feature-description {\n display: grid;\n\n grid-template-rows: 0fr;\n\n opacity: 0;\n\n transition:\n grid-template-rows 0.32s ease,\n opacity 0.25s ease;\n}\n\n.cc-feature-description-inner {\n min-height: 0;\n\n overflow: hidden;\n}\n\n.cc-feature-description p {\n margin: 0;\n\n padding: 0 18px 16px;\n\n font-size: 12px;\n\n line-height: 1.55;\n\n text-align: center;\n\n color: var(--cc-grey);\n}\n\n\n\/* =========================================================\n DESKTOP HOVER\n ========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n .cc-feature:hover .cc-feature-description {\n grid-template-rows: 1fr;\n\n opacity: 1;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE TAP\n ========================================================= *\/\n\n@media (hover: none) and (pointer: coarse) {\n\n .cc-feature.is-open .cc-feature-description {\n grid-template-rows: 1fr;\n\n opacity: 1;\n }\n\n}\n\n\n\/* =========================================================\n REAL LIFE\n ========================================================= *\/\n\n.cc-life {\n position: relative;\n\n margin: 0 0 34px;\n\n padding: 38px 36px;\n\n border-radius: 24px;\n\n background-image: url(\"https:\/\/images.pexels.com\/photos\/1323712\/pexels-photo-1323712.jpeg?cs=srgb\u0026dl=pexels-apasaric-1323712.jpg\u0026fm=jpg\");\n\n background-size: cover;\n\n background-position: center;\n\n text-align: center;\n\n border: 1px solid rgba(17,17,17,0.07);\n\n overflow: hidden;\n}\n\n.cc-life::after {\n content: \"\";\n\n position: absolute;\n\n inset: 0;\n\n background: rgba(255,255,255,0.18);\n\n pointer-events: none;\n\n z-index: 0;\n}\n\n.cc-life \u003e * {\n position: relative;\n\n z-index: 1;\n}\n\n.cc-life-label {\n display: block;\n\n margin-bottom: 8px;\n\n font-size: 11px;\n\n font-weight: 700;\n\n letter-spacing: 0.16em;\n\n text-transform: uppercase;\n\n opacity: 0.5;\n}\n\n.cc-life \u003e h2 {\n max-width: 730px;\n\n margin: 0 auto;\n\n font-size: clamp(29px, 4vw, 44px);\n\n line-height: 1.08;\n\n letter-spacing: -0.03em;\n}\n\n.cc-life \u003e h2 em {\n font-weight: 400;\n}\n\n.cc-life \u003e p {\n max-width: 650px;\n\n margin: 14px auto 0;\n\n font-size: 14px;\n\n line-height: 1.55;\n\n color: rgba(17,17,17,0.68);\n}\n\n\n\/* =========================================================\n FINAL MESSAGE\n ========================================================= *\/\n\n.cc-final-message {\n margin-top: 32px;\n\n padding-top: 28px;\n\n border-top: 1px solid rgba(17,17,17,0.13);\n\n text-align: center;\n}\n\n.cc-final-message h2 {\n max-width: 720px;\n\n margin: 0 auto;\n\n font-size: clamp(25px, 3.5vw, 36px);\n\n line-height: 1.1;\n\n letter-spacing: -0.025em;\n}\n\n.cc-final-message h2 em {\n font-weight: 400;\n}\n\n.cc-final-message p {\n max-width: 600px;\n\n margin: 10px auto 0;\n\n font-size: 14px;\n\n line-height: 1.55;\n\n color: rgba(17,17,17,0.68);\n}\n\n\n\/* =========================================================\n BRAND SIGNATURE\n ========================================================= *\/\n\n.cc-brand-signature {\n display: flex;\n\n flex-direction: column;\n\n align-items: center;\n\n gap: 5px;\n\n padding: 28px 20px 12px;\n\n text-align: center;\n}\n\n.cc-brand-signature strong {\n font-size: 16px;\n\n font-weight: 700;\n\n letter-spacing: 0.08em;\n\n text-transform: uppercase;\n}\n\n.cc-brand-line {\n font-size: 12px;\n\n line-height: 1.4;\n\n color: var(--cc-grey);\n}\n\n.cc-slogan {\n margin-top: 8px;\n\n font-size: 15px;\n\n font-weight: 600;\n\n letter-spacing: 0.01em;\n}\n\n\n\/* =========================================================\n TABLET\n ========================================================= *\/\n\n@media (max-width: 800px) {\n\n .cc-benefits {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .cc-modes {\n grid-template-columns: 1fr;\n\n gap: 10px;\n\n margin-bottom: 42px;\n }\n\n .cc-mode {\n padding: 20px;\n }\n\n .cc-life {\n padding: 30px 24px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n ========================================================= *\/\n\n@media (max-width: 600px) {\n\n .cc-inner {\n padding: 0 12px;\n }\n\n .cc-hero {\n padding: 48px 14px 40px;\n\n border-radius: 22px;\n }\n\n .cc-elite .cc-hero h2 {\n max-width: none !important;\n\n width: auto !important;\n\n margin: 0 auto 24px !important;\n\n padding: 0 !important;\n\n font-size: clamp(31px, 9vw, 42px) !important;\n\n line-height: 1.05 !important;\n\n letter-spacing: -0.04em !important;\n\n white-space: normal !important;\n }\n\n .cc-hero-text {\n max-width: 330px;\n\n margin: 0 auto;\n\n font-size: 14px;\n\n line-height: 1.6;\n }\n\n .cc-tag {\n margin-top: 27px;\n\n font-size: 10px;\n }\n\n .cc-benefits {\n gap: 8px;\n\n margin-top: 12px;\n }\n\n .cc-benefit {\n padding: 16px 10px;\n\n border-radius: 15px;\n }\n\n .cc-benefit strong {\n font-size: 13px;\n }\n\n .cc-benefit span {\n font-size: 11px;\n }\n\n .cc-statement {\n padding: 48px 12px 42px;\n }\n\n .cc-statement p {\n font-size: 14px;\n }\n\n .cc-details {\n margin-bottom: 40px;\n }\n\n .cc-section-heading {\n margin-bottom: 15px;\n }\n\n .cc-feature-button {\n min-height: 52px;\n\n padding: 14px 5px;\n\n font-size: 13px;\n }\n\n .cc-feature-description p {\n padding: 0 12px 14px;\n\n font-size: 11px;\n }\n\n .cc-life {\n margin-bottom: 24px;\n\n padding: 27px 20px;\n\n border-radius: 20px;\n }\n\n .cc-life \u003e p {\n font-size: 13px;\n\n margin-top: 11px;\n }\n\n .cc-final-message {\n margin-top: 25px;\n\n padding-top: 22px;\n }\n\n .cc-final-message p {\n font-size: 13px;\n }\n\n .cc-brand-signature {\n padding: 22px 15px 8px;\n }\n\n .cc-brand-signature strong {\n font-size: 14px;\n }\n\n .cc-brand-line {\n font-size: 11px;\n }\n\n .cc-slogan {\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================================================\n REDUCED MOTION\n ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .cc-animate {\n animation: none;\n }\n\n .cc-feature-description {\n transition: none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"cc-elite\"\u003e\n\u003cdiv class=\"cc-inner\"\u003e\n\u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\u003csection class=\"cc-hero cc-animate\"\u003e\u003cspan class=\"cc-eyebrow\"\u003e Caracal Classic · Elite Collection \u003c\/span\u003e\n\u003ch2\u003eYour Smile's New Daily Ritual \u003cem\u003eStarts Here.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cc-hero-text\"\u003eMeet the Caracal Classic™ Elite Pearl Glow — an effortless at-home whitening experience designed to bring a little more brightness, confidence and joy to your everyday smile.\u003c\/p\u003e\n\u003cspan class=\"cc-tag\"\u003e Whiten · Glow · Smile \u003c\/span\u003e\u003c\/section\u003e\n\u003c!-- =====================================================\n BENEFITS\n ===================================================== --\u003e\n\u003csection class=\"cc-benefits\"\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eBlue Light LED\u003c\/strong\u003e \u003cspan\u003eDesigned to support your whitening routine and brighten your smile.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eWhitening Gel\u003c\/strong\u003e \u003cspan\u003eA simple gel-based whitening experience designed for at-home use.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eUSB Rechargeable\u003c\/strong\u003e \u003cspan\u003e400mAh cordless freedom without the hassle of disposable batteries.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e\n\u003cstrong\u003eTravel Ready\u003c\/strong\u003e \u003cspan\u003eCompact enough for your handbag, carry-on or bathroom shelf.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STATEMENT\n ===================================================== --\u003e\n\u003csection class=\"cc-statement\"\u003e\n\u003ch2\u003eYour smile should\u003cbr\u003e\u003cem\u003emake you happy.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBecause confidence isn't about having a perfect smile. It's about feeling good when you smile, seeing yourself in the mirror and loving the little moments that make you — you.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n WHITENING EXPERIENCE\n ===================================================== --\u003e\n\u003csection class=\"cc-modes\"\u003e\n\u003cdiv class=\"cc-mode\"\u003e\n\u003cspan class=\"cc-mode-number\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBlue Light Whitening\u003c\/h3\u003e\n\u003cp\u003eBuilt-in blue light LED technology is designed to support the whitening process, helping make your everyday smile routine feel simple, modern and effortless.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-mode\"\u003e\n\u003cspan class=\"cc-mode-number\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAt-Home Smile Care\u003c\/h3\u003e\n\u003cp\u003eEnjoy your whitening routine from the comfort of home, without making every smile-brightening moment feel like a trip to the dentist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n DETAILS\n ===================================================== --\u003e\n\u003csection class=\"cc-details\"\u003e\n\u003cdiv class=\"cc-section-heading\"\u003e\n\u003cspan\u003e The details \u003c\/span\u003e\n\u003ch2\u003eSmall details. \u003cem\u003eBrighter smiles.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-features\"\u003e\n\u003c!-- BLUE LIGHT --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Blue Light LED Technology \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eBuilt-in blue light LED technology is designed to support the whitening process and make your smile routine beautifully simple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WHITENING GEL --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Whitening Gel System \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003ePair the device with its whitening gel system for an easy, at-home whitening experience that fits naturally into your routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- EASY ROUTINE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Simple At-Home Routine \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eDesigned to make smile care feel effortless, convenient and easy to incorporate into your everyday routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECHARGEABLE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e 400mAh USB Rechargeable \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eRecharge via USB and enjoy cordless freedom without constantly replacing disposable batteries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PORTABLE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Portable \u0026amp; Travel Ready \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eCompact enough for your handbag, carry-on, bathroom shelf or overnight bag, wherever your smile routine takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MEN \u0026 WOMEN --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Made for Men \u0026amp; Women \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eBecause a confident smile has no gender. The Elite Pearl Glow is designed to fit effortlessly into anyone's smile-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- COMPACT --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Compact \u0026amp; Effortless \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eA beautifully compact design that keeps your whitening routine simple, convenient and easy to take wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DAILY CONFIDENCE --\u003e\n\u003cdiv class=\"cc-feature\"\u003e\n\u003cbutton type=\"button\" class=\"cc-feature-button\"\u003e \u003cspan class=\"cc-feature-title\"\u003e Made for Your Everyday Smile \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"cc-feature-description\"\u003e\n\u003cdiv class=\"cc-feature-description-inner\"\u003e\n\u003cp\u003eWhether you're getting ready for work, heading out for the evening or simply enjoying a quiet moment at home, your smile deserves to feel good.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n REAL LIFE\n ===================================================== --\u003e\n\u003csection class=\"cc-life\"\u003e\u003cspan class=\"cc-life-label\"\u003e Made for real life \u003c\/span\u003e\n\u003ch2\u003eWhitening, \u003cem\u003eelevated.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eOne device. One simple ritual. A beautifully convenient way to bring a little more brightness to your smile — whether you're getting ready for the day, preparing for a special occasion or simply doing something nice for yourself.\u003c\/p\u003e\n\u003cdiv class=\"cc-final-message\"\u003e\n\u003ch2\u003eYour smile deserves \u003cem\u003ea little love too.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA brighter-looking smile. A little more confidence. And a simple reminder that your smile should make you happy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n BRAND SIGNATURE\n ===================================================== --\u003e\n\u003csection class=\"cc-brand-signature\"\u003e\u003cstrong\u003e Caracal Classic \u003c\/strong\u003e \u003cspan class=\"cc-brand-line\"\u003e Small enough to carry. Big enough to solve your problem. \u003c\/span\u003e \u003cem class=\"cc-slogan\"\u003e \"RRRR\"... WE GOT YOU BOO! \u003c\/em\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\n(function () {\n \/\/ Find the closest .cc-elite wrapper to scope everything locally\n var wrapper = document.currentScript.closest('.cc-elite') \n || document.querySelector('.cc-elite');\n\n if (!wrapper) return;\n\n \/\/ MOBILE \/ TOUCH — toggle .is-open on tap\n wrapper.querySelectorAll('.cc-feature-button').forEach(function (btn) {\n btn.addEventListener('click', function () {\n var feature = btn.closest('.cc-feature');\n var isOpen = feature.classList.contains('is-open');\n\n \/\/ Close all others\n wrapper.querySelectorAll('.cc-feature').forEach(function (f) {\n f.classList.remove('is-open');\n });\n\n \/\/ Toggle this one\n if (!isOpen) {\n feature.classList.add('is-open');\n }\n });\n });\n})();\n\u003c\/script\u003e","brand":"Caracal Classic","offers":[{"title":"Default Title","offer_id":56440811454769,"sku":null,"price":539.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1007\/9007\/5697\/files\/Hero_Image.jpg?v=1790279031"}],"url":"https:\/\/caracalclassic.co.za\/collections\/discover-more.oembed","provider":"Caracal Classic","version":"1.0","type":"link"}