{"product_id":"celeste-clover-bracelet","title":"Celeste Clover Bracelet","description":"\u003cstyle\u003e\n  .celeste-product {\n    --celeste-silver: #c9c9cc;\n    --celeste-pearl: #fffdf8;\n    --celeste-champagne: #e8dccb;\n    --celeste-text: #38383b;\n    --celeste-muted: #77777b;\n    --celeste-border: rgba(190, 190, 195, 0.45);\n\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 10px 5px 30px;\n    color: var(--celeste-text);\n    font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  \/* HERO *\/\n  .celeste-hero {\n    text-align: center;\n    padding: 34px 24px 38px;\n    border-radius: 22px;\n    background:\n      radial-gradient(circle at 50% 0%, rgba(255,255,255,.95), transparent 55%),\n      linear-gradient(145deg, #faf9f6, #f0eee9);\n    border: 1px solid var(--celeste-border);\n    position: relative;\n    overflow: hidden;\n    animation: celesteFadeUp 0.8s ease both;\n  }\n\n  .celeste-hero::before {\n    content: \"\";\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    top: -100px;\n    left: -80px;\n    background: rgba(255,255,255,.7);\n    border-radius: 50%;\n    filter: blur(30px);\n  }\n\n  .celeste-kicker {\n    display: inline-block;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #85858a;\n    margin-bottom: 13px;\n  }\n\n  .celeste-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(30px, 5vw, 45px);\n    font-weight: 400;\n    letter-spacing: -0.5px;\n    color: #303033;\n  }\n\n  .celeste-title span {\n    background: linear-gradient(\n      90deg,\n      #8f8f94,\n      #d8c9b4,\n      #ffffff,\n      #9c9ca1\n    );\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: celesteShimmer 5s linear infinite;\n  }\n\n  .celeste-subtitle {\n    max-width: 650px;\n    margin: 16px auto 0;\n    font-size: 15px;\n    line-height: 1.8;\n    color: var(--celeste-muted);\n  }\n\n  \/* DESCRIPTION *\/\n  .celeste-description {\n    padding: 34px 20px 15px;\n    text-align: center;\n    animation: celesteFadeUp 0.9s ease both;\n  }\n\n  .celeste-description p {\n    max-width: 730px;\n    margin: 0 auto;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 17px;\n    line-height: 1.9;\n    color: #4d4d51;\n  }\n\n  .celeste-divider {\n    width: 55px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #b8b8bc, transparent);\n    margin: 28px auto;\n  }\n\n  \/* FEATURES *\/\n  .celeste-features {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    margin: 28px 0;\n  }\n\n  .celeste-feature {\n    position: relative;\n    padding: 22px 14px;\n    text-align: center;\n    border: 1px solid var(--celeste-border);\n    border-radius: 16px;\n    background: linear-gradient(145deg, #ffffff, #f5f3ef);\n    transition: all 0.35s ease;\n    overflow: hidden;\n  }\n\n  .celeste-feature::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 70%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.75),\n      transparent\n    );\n    transform: skewX(-20deg);\n    transition: left 0.7s ease;\n  }\n\n  .celeste-feature:hover::after {\n    left: 150%;\n  }\n\n  .celeste-feature:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 14px 30px rgba(80,80,80,.10);\n  }\n\n  .celeste-icon {\n    width: 42px;\n    height: 42px;\n    margin: 0 auto 12px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(145deg, #ffffff, #e8e7e5);\n    border: 1px solid #d1d1d3;\n    color: #8c8c91;\n    font-size: 18px;\n    box-shadow: inset 0 1px 3px rgba(255,255,255,.9);\n  }\n\n  .celeste-feature h3 {\n    margin: 0 0 7px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 15px;\n    font-weight: 400;\n    color: #37373a;\n  }\n\n  .celeste-feature p {\n    margin: 0;\n    font-size: 11px;\n    line-height: 1.5;\n    color: #85858a;\n  }\n\n  \/* LUXURY QUOTE *\/\n  .celeste-quote {\n    position: relative;\n    margin-top: 30px;\n    padding: 35px 25px;\n    text-align: center;\n    border-radius: 20px;\n    background: linear-gradient(\n      135deg,\n      #f4f2ed,\n      #ffffff,\n      #eeeae3\n    );\n    border: 1px solid rgba(200,195,185,.55);\n    overflow: hidden;\n  }\n\n  .celeste-quote::before,\n  .celeste-quote::after {\n    content: \"✦\";\n    position: absolute;\n    color: rgba(170,160,145,.35);\n    font-size: 25px;\n    animation: celesteFloat 3s ease-in-out infinite;\n  }\n\n  .celeste-quote::before {\n    top: 16px;\n    left: 24px;\n  }\n\n  .celeste-quote::after {\n    right: 24px;\n    bottom: 16px;\n    animation-delay: 1.2s;\n  }\n\n  .celeste-quote h2 {\n    margin: 0 0 12px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n    font-size: 25px;\n    color: #3a3a3d;\n  }\n\n  .celeste-quote p {\n    max-width: 590px;\n    margin: auto;\n    font-size: 13px;\n    line-height: 1.8;\n    color: #737378;\n  }\n\n  \/* DETAILS *\/\n  .celeste-details {\n    margin-top: 22px;\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .celeste-pill {\n    padding: 9px 14px;\n    border-radius: 50px;\n    background: rgba(255,255,255,.8);\n    border: 1px solid #d8d6d2;\n    font-size: 11px;\n    letter-spacing: .5px;\n    color: #707075;\n  }\n\n  \/* ANIMATIONS *\/\n  @keyframes celesteFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(18px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes celesteShimmer {\n    0% {\n      background-position: 200% center;\n    }\n    100% {\n      background-position: -200% center;\n    }\n  }\n\n  @keyframes celesteFloat {\n    0%, 100% {\n      transform: translateY(0) rotate(0deg);\n      opacity: .45;\n    }\n    50% {\n      transform: translateY(-7px) rotate(10deg);\n      opacity: .8;\n    }\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 700px) {\n    .celeste-hero {\n      padding: 28px 18px 32px;\n      border-radius: 18px;\n    }\n\n    .celeste-subtitle {\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    .celeste-description {\n      padding: 28px 10px 10px;\n    }\n\n    .celeste-description p {\n      font-size: 15px;\n      line-height: 1.8;\n    }\n\n    .celeste-features {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .celeste-feature {\n      padding: 18px 10px;\n    }\n\n    .celeste-quote {\n      padding: 30px 20px;\n    }\n\n    .celeste-quote h2 {\n      font-size: 22px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"celeste-product\"\u003e\n\n  \u003csection class=\"celeste-hero\"\u003e\n    \u003cspan class=\"celeste-kicker\"\u003eTimeless Elegance\u003c\/span\u003e\n\n    \u003ch1 class=\"celeste-title\"\u003e\n      The \u003cspan\u003eCeleste Clover\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"celeste-subtitle\"\u003e\n      A delicate expression of femininity, designed to catch the light\n      and become part of your most beautiful moments.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"celeste-description\"\u003e\n\n    \u003cp\u003e\n      Delicate and ethereal, the \u003cstrong\u003eCeleste Clover Bracelet\u003c\/strong\u003e\n      is a celebration of timeless femininity. Lustrous mother-of-pearl\n      clover motifs meet a sparkling crystal-encrusted silver-tone chain,\n      creating a graceful piece that catches the light with effortless elegance.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"celeste-divider\"\u003e\u003c\/div\u003e\n\n    \u003cp\u003e\n      Finished with an adjustable slider clasp for a beautifully comfortable fit,\n      Celeste is made to be worn your way — whether paired with an evening look,\n      layered with your favourite pieces, or gifted to someone special.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"celeste-features\"\u003e\n\n    \u003cdiv class=\"celeste-feature\"\u003e\n      \u003cdiv class=\"celeste-icon\"\u003e✧\u003c\/div\u003e\n      \u003ch3\u003eMother-of-Pearl\u003c\/h3\u003e\n      \u003cp\u003eLustrous clover inlays with an elegant natural glow.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"celeste-feature\"\u003e\n      \u003cdiv class=\"celeste-icon\"\u003e◇\u003c\/div\u003e\n      \u003ch3\u003eCrystal Detail\u003c\/h3\u003e\n      \u003cp\u003eLight-catching crystals add a refined sparkle.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"celeste-feature\"\u003e\n      \u003cdiv class=\"celeste-icon\"\u003e∞\u003c\/div\u003e\n      \u003ch3\u003eAdjustable Fit\u003c\/h3\u003e\n      \u003cp\u003eSlider closure designed for an easy, comfortable fit.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"celeste-feature\"\u003e\n      \u003cdiv class=\"celeste-icon\"\u003e♡\u003c\/div\u003e\n      \u003ch3\u003eGift Ready\u003c\/h3\u003e\n      \u003cp\u003eBeautifully presented for someone special — or yourself.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"celeste-quote\"\u003e\n\n    \u003ch2\u003eQuiet luxury, made to be noticed.\u003c\/h2\u003e\n\n    \u003cp\u003e\n      From the delicate clover motifs to the soft shimmer of mother-of-pearl,\n      every detail of Celeste is designed to feel effortlessly elegant.\n      A piece you can treasure today and wear for years to come.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"celeste-details\"\u003e\n      \u003cspan class=\"celeste-pill\"\u003eMother-of-Pearl\u003c\/span\u003e\n      \u003cspan class=\"celeste-pill\"\u003eSilver-Tone Finish\u003c\/span\u003e\n      \u003cspan class=\"celeste-pill\"\u003eAdjustable Closure\u003c\/span\u003e\n      \u003cspan class=\"celeste-pill\"\u003eGift Ready\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Avensi","offers":[{"title":"Default Title","offer_id":49702118981784,"sku":null,"price":550.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0781\/1058\/9080\/files\/silver.webp?v=1785935733","url":"https:\/\/avensi.co.za\/products\/celeste-clover-bracelet","provider":"Avensi","version":"1.0","type":"link"}