{"title":"Beauty example products","description":null,"products":[{"product_id":"beauty-example-product-4","title":"The Saint Vanity Vessel","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003csection class=\"saint-product\"\u003e\n\u003cdiv class=\"saint-bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"saint-container\"\u003e\n\u003cdiv class=\"saint-badge\"\u003eSAINT BEAUTY\u003c\/div\u003e\n\u003ch1 class=\"saint-title\"\u003eThe Saint Vanity Vessel\u003c\/h1\u003e\n\u003cp class=\"saint-subtitle\"\u003eDesigned for those who treat beauty as a ritual, not a routine.\u003c\/p\u003e\n\u003cdiv class=\"saint-description\"\u003eFeaturing a signature ribbed silhouette, elegant gold-tipped feet, and thoughtfully divided compartments, the Saint Vanity Vessel transforms everyday organisation into a luxurious experience.\u003c\/div\u003e\n\u003cdiv class=\"saint-features\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan\u003e✨\u003c\/span\u003e\n\u003ch3\u003e360° Rotation\u003c\/h3\u003e\n\u003cp\u003eEffortless access to every beauty essential.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan\u003e💄\u003c\/span\u003e\n\u003ch3\u003eMulti-Compartment Design\u003c\/h3\u003e\n\u003cp\u003eSeparate sections for brushes, liners, lipsticks and more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan\u003e👑\u003c\/span\u003e\n\u003ch3\u003eGold-Tipped Feet\u003c\/h3\u003e\n\u003cp\u003eElegant metallic accents that elevate your vanity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan\u003e🤍\u003c\/span\u003e\n\u003ch3\u003eRibbed Exterior\u003c\/h3\u003e\n\u003cp\u003eA luxurious textured finish that feels as beautiful as it looks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saint-dimensions\"\u003e\n\u003ch2\u003eDimensions\u003c\/h2\u003e\n\u003cdiv class=\"dimension-box\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e14cm \/ 5.5in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e11.4cm \/ 4.5in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"saint-colors\"\u003e\n\u003ch2\u003eAvailable Colours\u003c\/h2\u003e\n\u003cdiv class=\"color-options\"\u003e\n\u003cdiv class=\"color cream\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color charcoal\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eCream White \u0026amp; Charcoal Grey\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700\u0026family=Inter:wght@300;400;500\u0026display=swap');\n\n.saint-product{\n    position:relative;\n    overflow:hidden;\n    padding:120px 20px;\n    background:#faf7f2;\n    font-family:'Inter',sans-serif;\n}\n\n.saint-bg{\n    position:absolute;\n    top:-200px;\n    left:-200px;\n    width:700px;\n    height:700px;\n    background:radial-gradient(circle,\n    rgba(212,175,55,.15),\n    transparent 70%);\n    animation:floatGlow 8s ease-in-out infinite;\n}\n\n@keyframes floatGlow{\n    0%,100%{transform:translateY(0px);}\n    50%{transform:translateY(40px);}\n}\n\n.saint-container{\n    max-width:1200px;\n    margin:auto;\n    text-align:center;\n    position:relative;\n    z-index:2;\n}\n\n.saint-badge{\n    display:inline-block;\n    letter-spacing:3px;\n    color:#a88a3e;\n    font-size:12px;\n    margin-bottom:20px;\n    animation:fadeUp 1s ease forwards;\n}\n\n.saint-title{\n    font-family:'Cormorant Garamond',serif;\n    font-size:72px;\n    font-weight:600;\n    color:#111;\n    margin-bottom:20px;\n    opacity:0;\n    animation:fadeUp 1s .2s forwards;\n}\n\n.saint-subtitle{\n    font-size:22px;\n    color:#666;\n    margin-bottom:30px;\n    opacity:0;\n    animation:fadeUp 1s .4s forwards;\n}\n\n.saint-description{\n    max-width:800px;\n    margin:auto;\n    line-height:1.9;\n    color:#555;\n    font-size:18px;\n    opacity:0;\n    animation:fadeUp 1s .6s forwards;\n}\n\n@keyframes fadeUp{\n    from{\n        opacity:0;\n        transform:translateY(40px);\n    }\n    to{\n        opacity:1;\n        transform:translateY(0);\n    }\n}\n\n.saint-features{\n    display:grid;\n    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n    gap:25px;\n    margin-top:80px;\n}\n\n.feature-card{\n    background:rgba(255,255,255,.7);\n    backdrop-filter:blur(20px);\n    border:1px solid rgba(255,255,255,.8);\n    border-radius:30px;\n    padding:40px;\n    transition:.4s ease;\n    box-shadow:\n    0 15px 40px rgba(0,0,0,.05);\n}\n\n.feature-card:hover{\n    transform:translateY(-12px);\n    box-shadow:\n    0 25px 60px rgba(212,175,55,.15);\n}\n\n.feature-card span{\n    font-size:34px;\n}\n\n.feature-card h3{\n    margin-top:15px;\n    margin-bottom:10px;\n    color:#111;\n}\n\n.feature-card p{\n    color:#666;\n    line-height:1.7;\n}\n\n.saint-dimensions{\n    margin-top:100px;\n}\n\n.saint-dimensions h2,\n.saint-colors h2{\n    font-family:'Cormorant Garamond',serif;\n    font-size:48px;\n    margin-bottom:30px;\n}\n\n.dimension-box{\n    display:flex;\n    justify-content:center;\n    gap:50px;\n    flex-wrap:wrap;\n}\n\n.dimension-box div{\n    background:white;\n    padding:30px 50px;\n    border-radius:20px;\n    box-shadow:0 10px 30px rgba(0,0,0,.05);\n}\n\n.dimension-box span{\n    display:block;\n    color:#888;\n    margin-bottom:10px;\n}\n\n.dimension-box strong{\n    font-size:22px;\n}\n\n.saint-colors{\n    margin-top:100px;\n}\n\n.color-options{\n    display:flex;\n    justify-content:center;\n    gap:30px;\n    margin-bottom:25px;\n}\n\n.color{\n    width:80px;\n    height:80px;\n    border-radius:50%;\n    transition:.4s;\n    cursor:pointer;\n    border:3px solid white;\n    box-shadow:0 10px 30px rgba(0,0,0,.1);\n}\n\n.color:hover{\n    transform:scale(1.15);\n}\n\n.cream{\n    background:#f4f0ea;\n}\n\n.charcoal{\n    background:#535353;\n}\n\n@media(max-width:768px){\n\n.saint-title{\n    font-size:48px;\n}\n\n.saint-subtitle{\n    font-size:18px;\n}\n\n.saint-description{\n    font-size:16px;\n}\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"My Store","offers":[{"title":"Black","offer_id":44184666898475,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true},{"title":"Cream","offer_id":44184666931243,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0691\/2648\/8107\/files\/product-with-measurements_837b7526-c8ee-493b-8f17-a7c8872eb667.png?v=1781104785"}],"url":"https:\/\/saintbeauty.co.za\/collections\/beauty-example-products.oembed","provider":"SaintBeauty.co.za","version":"1.0","type":"link"}