{"product_id":"classic-cz-tennis-bracelet","title":"Classic CZ Tennis Bracelet","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: High-end Jewelry (Tennis Bracelet)\nTarget Audience: Women, Gift Buyers (Husbands, Friends, Family)\nVisual Style: Elegant, Sophisticated, Luxurious, Timeless\nColor Strategy: \n  - Primary: #C5A059 (Soft Gold\/Champagne to represent 18K gold and luxury)\n  - Background: #FFFFFF (Clean, crisp to make the jewelry pop)\n  - Card Background: #FAFAFA (Subtle contrast for specs\/features)\n  - Text: #2C2C2C (Deep charcoal for high contrast without being harsh black)\nShape Strategy: Radius 16px (Approachable, feminine, soft elegance)\nTypography Strategy: Large Type \/ Mobile-first readable (H1 34-44px, Body 18-20px)\nMobile Table Strategy: Card-based (No horizontal scroll, fully responsive flex layout)\nImage Mapping: \n  - Hero = image_1\n  - Feature 1 (Materials) = image_2\n  - Feature 2 (Size\/Fit) = image_3\n  - Feature 3 (Gift\/Occasion) = image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* =========================================\n       1. Design System \u0026 Variables\n       ========================================= *\/\n    .product-detail-container {\n      --primary: #C5A059;\n      --primary-light: #F4EFE6;\n      --text-main: #2C2C2C;\n      --text-sub: #5A5A5A;\n      --bg-body: #FFFFFF;\n      --bg-card: #FAFAFA;\n      --border-color: #E8E8E8;\n      \n      --radius-md: 12px;\n      --radius-lg: 16px;\n      \n      --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.03);\n      --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.06);\n      \n      --space-section: clamp(3rem, 6vw, 5rem);\n      --space-element: clamp(1.5rem, 3vw, 2.5rem);\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    \/* Reset \u0026 Base Elements *\/\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: border-box;\n    }\n    \n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3, \n    .product-detail-container p {\n      margin-top: 0;\n      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    \/* Typography System *\/\n    .product-detail-container h1 {\n      font-size: clamp(34px, 5vw, 44px);\n      line-height: 1.2;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(28px, 4vw, 36px);\n      line-height: 1.3;\n      font-weight: 600;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(22px, 3vw, 26px);\n      line-height: 1.4;\n      font-weight: 600;\n      margin-bottom: 0.75rem;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.7;\n      color: var(--text-sub);\n      margin-bottom: 1rem;\n    }\n\n    \/* Badges (Non-clickable) *\/\n    .product-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 0.5rem 1rem;\n      background-color: var(--primary-light);\n      color: var(--primary);\n      font-size: 16px;\n      font-weight: 600;\n      border-radius: 50px;\n      margin-bottom: 1.5rem;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    \/* Image Rules *\/\n    .image-natural {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .ai-placeholder {\n      width: 100%;\n      aspect-ratio: 4 \/ 3;\n      background-color: #F1F3F5;\n      border: 2px dashed #CED4DA;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #495057;\n      font-size: clamp(16px, 2vw, 20px);\n      font-weight: bold;\n      text-align: center;\n      padding: 1rem;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    \/* =========================================\n       2. Layout Modules\n       ========================================= *\/\n       \n    \/* Hero Section *\/\n    .pd-hero {\n      text-align: center;\n      padding-top: var(--space-element);\n      margin-bottom: var(--space-section);\n    }\n    .pd-hero-copy {\n      max-width: 800px;\n      margin: 0 auto var(--space-element);\n    }\n    .pd-social-proof {\n      font-size: 16px;\n      color: var(--primary);\n      font-weight: 600;\n      margin-top: 1rem;\n    }\n\n    \/* Features Section (Mobile Lock \u0026 Z-Pattern) *\/\n    .pd-features {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-section);\n      margin-bottom: var(--space-section);\n    }\n    \n    .pd-feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile first: Image top, Text bottom *\/\n      gap: var(--space-element);\n      background-color: var(--bg-body);\n    }\n    \n    .pd-feature-media, \n    .pd-feature-copy {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    @media (min-width: 768px) {\n      .pd-feature-item {\n        flex-direction: row; \/* Desktop: Z-Pattern *\/\n        align-items: center;\n      }\n      .pd-feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n    }\n\n    \/* Specs Table Section *\/\n    .pd-specs {\n      margin-bottom: var(--space-section);\n      background-color: var(--bg-card);\n      padding: var(--space-element);\n      border-radius: var(--radius-lg);\n    }\n\n    .pd-specs h2 {\n      text-align: center;\n      margin-bottom: var(--space-element);\n    }\n\n    .pd-table-container {\n      width: 100%;\n    }\n\n    .pd-table {\n      width: 100%;\n      border-collapse: collapse;\n      text-align: left;\n    }\n\n    \/* Desktop Table *\/\n    .pd-table th, .pd-table td {\n      padding: 1.25rem 1rem;\n      font-size: 18px;\n      color: var(--text-sub);\n      border-bottom: 1px solid var(--border-color);\n    }\n    .pd-table th {\n      color: var(--text-main);\n      font-weight: 600;\n      width: 35%;\n    }\n\n    \/* Mobile Table (Card-based, No horizontal scroll) *\/\n    @media (max-width: 767px) {\n      .pd-table, \n      .pd-table thead, \n      .pd-table tbody, \n      .pd-table tr, \n      .pd-table th, \n      .pd-table td {\n        display: block;\n        width: 100%;\n      }\n      \n      .pd-table thead {\n        display: none;\n      }\n      \n      .pd-table tr {\n        margin-bottom: 1rem;\n        background-color: var(--bg-body);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        padding: 1rem;\n        box-shadow: var(--shadow-sm);\n      }\n      \n      .pd-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0.75rem 0;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 18px;\n        text-align: right;\n      }\n      \n      .pd-table td:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n      \n      .pd-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        color: var(--text-main);\n        text-align: left;\n        padding-right: 1rem;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .pd-faq {\n      margin-bottom: var(--space-section);\n    }\n    \n    .pd-faq-title {\n      text-align: center;\n      margin-bottom: var(--space-element);\n    }\n\n    .pd-faq-item {\n      margin-bottom: 1.5rem;\n      padding-bottom: 1.5rem;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .pd-faq-item:last-child {\n      border-bottom: none;\n      margin-bottom: 0;\n      padding-bottom: 0;\n    }\n\n    .pd-faq-q {\n      font-size: clamp(20px, 2.5vw, 24px);\n      font-weight: 600;\n      color: var(--text-main);\n      margin-bottom: 0.75rem;\n      line-height: 1.4;\n    }\n\n    .pd-faq-a {\n      color: var(--text-sub);\n    }\n\u003c\/style\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-copy\"\u003e\n\u003cdiv class=\"product-badge\"\u003eTimeless Classic\u003c\/div\u003e\n\n\u003ch1\u003eExude Elegance in Every Movement\u003c\/h1\u003e\n\n\u003cp\u003eEnhance any look with our classic tennis bracelet. Crafted to bridge the gap between everyday wear and formal sophistication, it brings an unmistakable sparkle to your wrist.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-social-proof\"\u003e✨ Chosen by elegance seekers worldwide\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-hero-media\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312163632\/bc1995f485d3ec1797a0174f66a6fe60.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-features\"\u003e\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312163632\/27610cfebd9915fce86cbb186db79cfb.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003ePremium Lasting Brilliance\u003c\/h2\u003e\n\n\u003cp\u003eMeticulously crafted from \u003cstrong\u003e18K-gold-plated brass\u003c\/strong\u003e and set with premium \u003cstrong\u003e3mm round Cubic Zirconia\u003c\/strong\u003e. This high-end plating ensures your bracelet resists fading and maintains its dazzling luster through years of cherished wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312163632\/a9b51b9db88713d0911a5ae42b3ea2c5.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eA Flawless Fit for Everyone\u003c\/h2\u003e\n\n\u003cp\u003eWe believe elegance should be comfortable. Available in \u003cstrong\u003efour precise lengths\u003c\/strong\u003e (6.5\", 7.0\", 7.5\", and 8.3\"), you can easily find the perfect drape for your wrist. A secure clasp keeps it safely in place from morning meetings to evening galas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"ai-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312163632\/a5f730c3d8b0c06673b564391f6008d8.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eThe Perfect Unboxing Experience\u003c\/h2\u003e\n\n\u003cp\u003eWhether you're treating yourself, surprising your wife on an anniversary, or celebrating a daughter's milestone. It is ready to become an unforgettable gift.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Specifications Table (Mobile Card Layout) --\u003e\n\n\u003cdiv class=\"pd-specs\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-table-container\"\u003e\n\u003ctable class=\"pd-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Available Lengths\"\u003e6.5 in (16.5 cm)\u003cbr\u003e\n\t\t\t7.0 in (17.8 cm)\u003cbr\u003e\n\t\t\t7.5 in (19.1 cm)\u003cbr\u003e\n\t\t\t8.3 in (21.1 cm)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eChoose the best fit for your wrist.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003e18K-Gold-Plated Brass\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003ePremium base metal layered with high-quality gold plating to resist fading.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Gemstone\"\u003eCubic Zirconia (CZ)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e3 mm (0.12 in) round stones crafted for maximum light reflection.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Stone Count\"\u003e37 \/ 40 \/ 43 \/ 46 Stones\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eQuantity varies proportionally based on your chosen bracelet length.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Color Options\"\u003e3 Stunning Finishes\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eAvailable in classic tones to match your personal jewelry collection.\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. FAQ Section --\u003e\n\n\u003cdiv class=\"pd-faq\"\u003e\n\u003ch2 class=\"pd-faq-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-q\"\u003eWill this bracelet tarnish or lose its sparkle quickly?\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-a\"\u003e\n\u003cp\u003eNo, our tennis bracelet is crafted with a thick 18K-gold plating over durable brass, designed specifically to resist fading. The Cubic Zirconia stones are cut to maintain their brilliant sparkle over time with basic care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-q\"\u003eHow do I choose the right size?\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-a\"\u003e\n\u003cp\u003eWe recommend measuring your wrist with a flexible measuring tape and adding about 0.5 inches (1.3 cm) for a comfortable fit that allows natural movement without slipping off. We offer 4 versatile sizes to accommodate most women's wrists.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-q\"\u003eDoes it come with gift packaging?\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-a\"\u003e\n\u003cp\u003eAbsolutely. Every bracelet is delivered in an elegant, beautifully designed box. It’s completely ready for gifting on birthdays, anniversaries, weddings, holidays, or any special occasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Golden \/ 6.5\" (16.5cm)","offer_id":45281705853119,"sku":"0318-15559152","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Golden \/ 7.0\" (17.8cm)","offer_id":45281705885887,"sku":"0318-15553571","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Golden \/ 7.5\" (19.1cm)","offer_id":45281705918655,"sku":"0318-15557799","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 6.5\" (16.5cm)","offer_id":45281705951423,"sku":"0318-15557729","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 7.0\" (17.8cm)","offer_id":45281705984191,"sku":"0318-15557299","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 7.5\" (19.1cm)","offer_id":45281706016959,"sku":"0318-15558305","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Golden Rose \/ 6.5\" (16.5cm)","offer_id":45281706049727,"sku":"0318-15557575","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Golden Rose \/ 7.0\" (17.8cm)","offer_id":45281706082495,"sku":"0318-15552720","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Golden Rose \/ 7.5\" (19.1cm)","offer_id":45281706115263,"sku":"0318-15550465","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Golden \/ 8.3\" (21.1cm)","offer_id":45281706148031,"sku":"0318-15554852","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Silver \/ 8.3\" (21.1cm)","offer_id":45281706180799,"sku":"0318-15557941","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Golden Rose \/ 8.3\" (21.1cm)","offer_id":45281706213567,"sku":"0318-15555951","price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/2f823d7f31e48abe69677941764522fe.jpg?v=1773304890","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/classic-cz-tennis-bracelet","provider":"Bak","version":"1.0","type":"link"}