{"product_id":"nano-hydroxyapatite-toothpaste","title":"Nano Hydroxyapatite Toothpaste","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700\u0026family=Inter:wght@400;500;600\u0026display=swap');\n\n\/* 只需要改这一个变量，换成你主题实际用的粉色色号，下面全部跟着联动 *\/\n.bwc-page{\n  --bwc-ink:#4a3b3b;        \/* 正文字色：暖棕黑，比纯黑柔和 *\/\n  --bwc-accent:#c98a8a;     \/* 强调色：玫瑰棕，代替原来的纯黑 *\/\n  --bwc-accent-dark:#8a5a5a;\/* 强调色深一档，用于按钮 hover \/ 深色面板 *\/\n  --bwc-card:#fffaf8;       \/* 卡片底色：暖白，不是刺眼的纯白 *\/\n  --bwc-line:#f0dede;       \/* 极浅的分隔线颜色，代替原来的黑色描边 *\/\n  --bwc-shadow:0 4px 18px rgba(180,120,120,.12);\n}\n\n.bwc-page{background:transparent;font-family:'Inter',Arial,Helvetica,sans-serif;color:var(--bwc-ink);padding:0;margin:0;-webkit-font-smoothing:antialiased}\n.bwc-page *{box-sizing:border-box}\n.bwc-page .bwc-container{max-width:100%;width:100%;margin:0;padding:0}\n.bwc-page .bwc-card{background:transparent;border:none;padding:0;overflow:hidden}\n\n\/* 原来的黑白锯齿分隔条，换成一条更柔和的波浪分隔（用渐变模拟一条软边），颜色跟卡片色呼应 *\/\n.bwc-page .bwc-teeth{display:block!important;height:16px!important;width:100%!important;background:\n  linear-gradient(135deg,var(--bwc-accent) 25%,transparent 25%) 0 0\/16px 16px,\n  linear-gradient(225deg,var(--bwc-accent) 25%,transparent 25%) 0 0\/16px 16px,\n  transparent!important;opacity:.35}\n.bwc-page .bwc-teeth.inv{background:\n  linear-gradient(135deg,transparent 25%,transparent 25%) 0 0\/16px 16px,\n  linear-gradient(225deg,transparent 25%,transparent 25%) 0 0\/16px 16px,\n  transparent!important}\n\n.bwc-page .bwc-top{padding:26px 26px 0}\n.bwc-page .bwc-eyebrow{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bwc-accent-dark);text-align:center;margin:0 0 8px}\n.bwc-page .bwc-h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:32px;text-align:center;color:var(--bwc-ink);margin:0 0 18px;line-height:1.14;letter-spacing:-.2px;text-transform:uppercase}\n\n\/* Hero：原来是纯黑块，改成玫瑰棕渐变，跟粉色背景是同一色系，不再是突兀的黑色矩形 *\/\n.bwc-page .bwc-hero{background:linear-gradient(135deg,var(--bwc-accent),var(--bwc-accent-dark));color:#fff;padding:28px 24px;margin:0;position:relative;border-radius:18px}\n.bwc-page .bwc-hero h2{font-family:'Oswald',sans-serif;margin:0 0 10px;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:.01em;color:#fff!important}\n.bwc-page .bwc-hero p{margin:0;opacity:.92;line-height:1.7;font-size:15px;color:#fff!important}\n.bwc-page .bwc-hero strong{color:#fff!important;border-bottom:2px solid rgba(255,255,255,.6)}\n\n.bwc-page .bwc-img-wrap{width:100%;margin:0;overflow:hidden;background:transparent;border-radius:18px}\n.bwc-page .bwc-img-wrap img{width:100%;height:auto;display:block;margin:0}\n\n.bwc-page .bwc-body{padding:0 26px}\n\n.bwc-page .bwc-section-title{font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.02em;color:var(--bwc-ink);margin:38px 0 6px;padding-bottom:12px;border-bottom:2px solid rgba(74,59,59,.18);line-height:1.2}\n.bwc-page .bwc-lead{font-size:15px;line-height:1.75;color:#6b5858;margin:0 0 18px}\n\n\/* 卡片网格：原来靠黑色描边+1px缝隙分隔，改成卡片间留白+柔和阴影 *\/\n.bwc-page .bwc-benefit-row{display:flex;flex-wrap:wrap;gap:12px;background:transparent;margin:20px 0 6px;border:none}\n.bwc-page .bwc-mini{flex:1 1 130px;min-width:130px;background:var(--bwc-card);text-align:center;padding:16px 8px;color:var(--bwc-ink);font-weight:600;line-height:1.35;font-size:12.5px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em;border-radius:14px;box-shadow:var(--bwc-shadow)}\n.bwc-page .bwc-mini span.num{display:block;font-size:20px;margin-bottom:6px;font-weight:700;color:var(--bwc-accent-dark)}\n\n.bwc-page .bwc-carousel{position:relative;margin:22px 0 30px}\n.bwc-page .bwc-carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 14px;scrollbar-width:none;-ms-overflow-style:none}\n.bwc-page .bwc-carousel-track::-webkit-scrollbar{display:none}\n.bwc-page .bwc-carousel-slide{flex:0 0 100%;max-width:100%;scroll-snap-align:start;background:var(--bwc-card);border:none;border-radius:16px;overflow:hidden;box-shadow:var(--bwc-shadow);display:flex;flex-direction:column}\n.bwc-page .bwc-carousel-imgs{display:flex;border-bottom:none}\n.bwc-page .bwc-carousel-imgs img{flex:1 1 0;width:100%;height:auto;display:block;aspect-ratio:1\/1;object-fit:cover;min-width:0}\n.bwc-page .bwc-carousel-imgs img+img{border-left:2px solid var(--bwc-card)}\n.bwc-page .bwc-carousel-text{padding:18px;flex:1}\n.bwc-page .bwc-carousel-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bwc-accent);color:#fff;font-family:'Oswald',sans-serif;font-size:12px;font-weight:600;margin-bottom:10px}\n.bwc-page .bwc-carousel-text h3{margin:0 0 6px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em;font-size:15px;color:var(--bwc-ink);font-weight:600;line-height:1.3}\n.bwc-page .bwc-carousel-text p{margin:0;color:#6b5858;font-size:13px;line-height:1.6}\n.bwc-page .bwc-carousel-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}\n.bwc-page .bwc-carousel-arrow{width:36px;height:36px;border-radius:50%;border:none;background:var(--bwc-card);color:var(--bwc-accent-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;flex-shrink:0;padding:0;line-height:1;box-shadow:var(--bwc-shadow)}\n.bwc-page .bwc-carousel-arrow:hover{background:var(--bwc-accent);color:#fff}\n.bwc-page .bwc-carousel-dots{display:flex;gap:8px}\n.bwc-page .bwc-carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(74,59,59,.28);cursor:pointer;transition:background .2s;padding:0;border:0}\n.bwc-page .bwc-carousel-dot.active{background:var(--bwc-accent)}\n\n.bwc-page .bwc-media-block{margin:22px 0 6px;overflow:hidden;background:transparent;border-radius:18px}\n.bwc-page .bwc-media-block img,.bwc-page .bwc-media-block video{width:100%;height:auto;display:block}\n.bwc-page .bwc-media-caption{padding:11px 16px;font-size:12px;color:#8a7676;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;border-top:none;background:transparent}\n\n.bwc-page .bwc-checklist{margin:18px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px}\n.bwc-page .bwc-checklist li{flex:1 1 220px;font-size:14.5px;line-height:1.5;color:var(--bwc-ink);padding-left:22px;position:relative}\n.bwc-page .bwc-checklist li:before{content:'';position:absolute;left:0;top:6px;width:10px;height:10px;background:var(--bwc-accent);border-radius:3px;transform:rotate(45deg)}\n.bwc-page .bwc-checklist li.tag{font-weight:600}\n.bwc-page .bwc-checklist.emoji li{padding-left:26px}\n.bwc-page .bwc-checklist.emoji li:before{content:none}\n.bwc-page .bwc-checklist.emoji li .ico{position:absolute;left:0;top:0;font-size:15px;line-height:1.5}\n\n.bwc-page .bwc-steps{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;background:transparent;border:none}\n.bwc-page .bwc-step{flex:1 1 150px;min-width:150px;background:var(--bwc-card);padding:16px 14px;text-align:left;border-radius:14px;box-shadow:var(--bwc-shadow)}\n.bwc-page .bwc-step b{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--bwc-accent);color:#fff;align-items:center;justify-content:center;margin-bottom:10px;font-size:13px;font-family:'Oswald',sans-serif}\n.bwc-page .bwc-step h3{font-size:13.5px;margin:0 0 6px;color:var(--bwc-ink);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em}\n.bwc-page .bwc-step p{font-size:13px;line-height:1.55;margin:0;color:#8a7676}\n\n.bwc-page .bwc-spec{margin-top:36px;background:var(--bwc-card);padding:0;border-radius:18px;overflow:hidden;box-shadow:var(--bwc-shadow)}\n.bwc-page .bwc-spec h2{color:#fff;margin:0;padding:20px 24px;font-size:19px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(135deg,var(--bwc-accent),var(--bwc-accent-dark));border-bottom:none}\n.bwc-page .bwc-table{width:100%;border-collapse:collapse;background:var(--bwc-card)}\n.bwc-page .bwc-table td{padding:14px 20px;border-bottom:1px solid var(--bwc-line);vertical-align:top;line-height:1.5;font-size:14.5px;color:var(--bwc-ink)}\n.bwc-page .bwc-table tr:last-child td{border-bottom:0}\n.bwc-page .bwc-table td:first-child{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--bwc-accent-dark);width:34%;background:#fdf4f2;font-size:12.5px}\n\n.bwc-page .bwc-compare{margin-top:36px;background:var(--bwc-card);padding:0;border-radius:18px;overflow:hidden;box-shadow:var(--bwc-shadow)}\n.bwc-page .bwc-compare h2{color:#fff;margin:0;padding:20px 24px;font-size:19px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(135deg,var(--bwc-accent),var(--bwc-accent-dark));border-bottom:none}\n.bwc-page .bwc-compare-table{width:100%;border-collapse:collapse;background:var(--bwc-card);table-layout:fixed}\n.bwc-page .bwc-compare-table th{padding:14px 16px;text-align:left;font-family:'Oswald',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.01em;color:var(--bwc-accent-dark);background:#fdf4f2;line-height:1.3}\n.bwc-page .bwc-compare-table th:first-child{width:54%}\n.bwc-page .bwc-compare-table td{padding:12px 16px;border-bottom:1px solid var(--bwc-line);font-size:13.5px;color:var(--bwc-ink);line-height:1.5;word-break:break-word}\n.bwc-page .bwc-compare-table tr:last-child td{border-bottom:0}\n.bwc-page .bwc-compare-table td:first-child{font-weight:600;color:var(--bwc-ink);background:#fdf4f2}\n.bwc-page .bwc-compare-table td:last-child{color:#b39c9c}\n\n.bwc-page .bwc-faq{margin-top:36px}\n.bwc-page .bwc-faq-item{border-bottom:1px solid rgba(74,59,59,.18);padding:16px 2px}\n.bwc-page .bwc-faq-item:first-child{padding-top:0}\n.bwc-page .bwc-faq-q{font-family:'Oswald',sans-serif;font-size:14.5px;text-transform:uppercase;letter-spacing:.01em;color:var(--bwc-ink);font-weight:600;margin:0 0 8px;display:flex;gap:10px}\n.bwc-page .bwc-faq-q .qmark{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--bwc-accent);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif}\n.bwc-page .bwc-faq-a{font-size:14px;line-height:1.65;color:#6b5858;margin:0;padding-left:32px}\n\n.bwc-page .bwc-reviews{margin:22px 0 6px}\n.bwc-page .bwc-review-grid{display:flex;flex-wrap:wrap;gap:12px;background:transparent;border:none}\n.bwc-page .bwc-review-card{flex:1 1 260px;min-width:260px;background:var(--bwc-card);padding:20px;border-radius:14px;box-shadow:var(--bwc-shadow)}\n.bwc-page .bwc-review-stars{color:var(--bwc-accent);font-size:13px;letter-spacing:2px;margin-bottom:10px}\n.bwc-page .bwc-review-quote{font-size:14px;line-height:1.65;color:#6b5858;margin:0 0 12px;font-style:italic}\n.bwc-page .bwc-review-name{font-family:'Oswald',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--bwc-ink);font-weight:600}\n\n.bwc-page .bwc-cta{margin-top:36px;background:linear-gradient(135deg,var(--bwc-accent),var(--bwc-accent-dark));color:#fff;padding:40px 24px;text-align:center;border-radius:18px}\n.bwc-page .bwc-cta h2{margin:0 0 12px;font-size:24px;line-height:1.25;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:700;color:#fff!important}\n.bwc-page .bwc-cta p{margin:0 auto 22px;line-height:1.65;max-width:560px;opacity:.92;font-size:14.5px;color:#fff!important}\n.bwc-page .bwc-btn{display:inline-block;background:#fff;color:var(--bwc-accent-dark)!important;padding:15px 40px;font-family:'Oswald',sans-serif;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease}\n.bwc-page .bwc-btn:hover{transform:scale(1.03)}\n.bwc-page .bwc-cta-form{margin:0;display:inline-block}\n\n.bwc-page .bwc-bottom-pad{height:26px}\n\n@media(max-width:768px){\n.bwc-page .bwc-container{padding:0}\n.bwc-page .bwc-top{padding:20px 16px 0}\n.bwc-page .bwc-body{padding:0 16px}\n.bwc-page .bwc-h1{font-size:24px}\n.bwc-page .bwc-hero{padding:20px 16px}\n.bwc-page .bwc-hero h2{font-size:19px}\n.bwc-page .bwc-section-title{font-size:19px;margin-top:30px}\n.bwc-page .bwc-carousel-slide{flex:0 0 100%;max-width:100%}\n.bwc-page .bwc-carousel-track{gap:0}\n.bwc-page .bwc-benefit-row{grid-template-columns:1fr 1fr}\n.bwc-page .bwc-steps{grid-template-columns:1fr 1fr}\n.bwc-page .bwc-checklist{grid-template-columns:1fr}\n.bwc-page .bwc-table td{display:block;width:100%;padding:10px 16px}\n.bwc-page .bwc-table td:first-child{width:100%;border-bottom:0;padding-bottom:2px}\n.bwc-page .bwc-compare-table{table-layout:auto}\n.bwc-page .bwc-compare-table th,.bwc-page .bwc-compare-table td{display:block;width:100%}\n.bwc-page .bwc-compare-table th:first-child{width:100%}\n.bwc-page .bwc-compare-table td:last-child{border-top:1px dashed var(--bwc-line)}\n.bwc-page .bwc-faq-a{padding-left:0;margin-top:6px}\n.bwc-page .bwc-btn{display:block;width:100%;text-align:center}\n}\n\u003c\/style\u003e\n\u003cdiv class=\"bwc-page\"\u003e\n\u003cdiv class=\"bwc-container\"\u003e\n\u003cdiv class=\"bwc-card\"\u003e\n\u003c!-- ① 标题区 --\u003e\n\u003cdiv class=\"bwc-top\"\u003e\n\u003cp class=\"bwc-eyebrow\"\u003eNano Hydroxyapatite Toothpaste\u003c\/p\u003e\n\u003ch1 class=\"bwc-h1\"\u003eExperience a Cleaner, Fresher Smile\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- ② Hero 横幅 --\u003e\n\u003cdiv class=\"bwc-hero\"\u003e\n\u003ch2\u003eGentle Care, Lasting Freshness\u003c\/h2\u003e\n\u003cp\u003eExperience a cleaner, fresher smile with \u003cstrong\u003eNano Hydroxyapatite Toothpaste\u003c\/strong\u003e. Designed for sensitive teeth, its clean formula gently cares for your enamel while delivering long-lasting freshness and everyday comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-teeth\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ③ 主图：请替换为你自己的产品图 --\u003e\n\u003cdiv class=\"bwc-img-wrap\"\u003e\u003cimg alt=\"Nano hydroxyapatite toothpaste main photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/1_b4bd9d5f-f7ee-4761-a062-9600423ddda4.jpg?v=1784540984\"\u003e\u003c\/div\u003e\n\u003c!-- ⑤ 功能特性：轮播（4 个核心卖点） --\u003e\n\u003ch2 class=\"bwc-section-title\"\u003eWhy You'll Love It\u003c\/h2\u003e\n\u003cp class=\"bwc-lead\"\u003eFour reasons it's the smarter way to care for your smile.\u003c\/p\u003e\n\u003cdiv data-carousel=\"\" class=\"bwc-carousel\"\u003e\n\u003cdiv data-track=\"\" class=\"bwc-carousel-track\"\u003e\n\u003cdiv class=\"bwc-carousel-slide\"\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\u003cimg alt=\"Gentle formula for sensitive teeth\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/2_dd1137ca-08dc-48ca-a19f-1c323ecae5d5.jpg?v=1784540984\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-text\"\u003e\n\u003cspan class=\"bwc-carousel-num\"\u003e1\u003c\/span\u003e\n\u003ch3\u003eComfort With Every Brush\u003c\/h3\u003e\n\u003cp\u003eSpecially formulated for sensitive teeth, it delivers a gentle yet effective clean while helping you enjoy a more comfortable brushing experience every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-slide\"\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\u003cimg alt=\"Nano hydroxyapatite enamel care\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/3_35252f18-2546-4758-8116-6d93e1b1052d.jpg?v=1784540984\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-text\"\u003e\n\u003cspan class=\"bwc-carousel-num\"\u003e2\u003c\/span\u003e\n\u003ch3\u003eCare Beyond Surface Cleaning\u003c\/h3\u003e\n\u003cp\u003ePowered by nano hydroxyapatite, the formula helps support enamel care while keeping your teeth looking healthy and naturally beautiful.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-slide\"\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\u003cimg alt=\"Clean formula without fluoride SLS or parabens\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/4_8a7affbb-d510-476a-bba8-3af0375b4017.jpg?v=1784540984\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-text\"\u003e\n\u003cspan class=\"bwc-carousel-num\"\u003e3\u003c\/span\u003e\n\u003ch3\u003ePure Care Every Day\u003c\/h3\u003e\n\u003cp\u003eMade without fluoride, SLS, parabens, artificial colors, or artificial flavors for a cleaner and gentler daily oral care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-slide\"\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\u003cimg alt=\"Mint green tea and cardamom flavor\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/5_95b5c8fd-f8b3-4d2c-bb81-e60f3a467a1e.jpg?v=1784540984\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-text\"\u003e\n\u003cspan class=\"bwc-carousel-num\"\u003e4\u003c\/span\u003e\n\u003ch3\u003eFreshness That Lasts Longer\u003c\/h3\u003e\n\u003cp\u003eRefreshing mint blended with green tea and cardamom helps leave your mouth feeling clean, fresh, and confident throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-nav\"\u003e\n\u003cbutton aria-label=\"Previous slide\" data-prev=\"\" class=\"bwc-carousel-arrow\" type=\"button\"\u003e‹\u003c\/button\u003e\n\u003cdiv data-dots=\"\" class=\"bwc-carousel-dots\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton aria-label=\"Next slide\" data-next=\"\" class=\"bwc-carousel-arrow\" type=\"button\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px;\" class=\"bwc-teeth\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bwc-body\"\u003e\n\u003c!-- ⑥ 适用于 --\u003e\n\u003ch2 class=\"bwc-section-title\"\u003ePerfect For\u003c\/h2\u003e\n\u003cul class=\"bwc-checklist emoji\"\u003e\n\u003cli class=\"tag\"\u003e\n\u003cspan class=\"ico\"\u003e🦷\u003c\/span\u003eSensitive Teeth\u003c\/li\u003e\n\u003cli class=\"tag\"\u003e\n\u003cspan class=\"ico\"\u003e🪥\u003c\/span\u003eDaily Oral Care\u003c\/li\u003e\n\u003cli class=\"tag\"\u003e\n\u003cspan class=\"ico\"\u003e🌬\u003c\/span\u003eFresh Breath\u003c\/li\u003e\n\u003cli class=\"tag\"\u003e\n\u003cspan class=\"ico\"\u003e🌿\u003c\/span\u003eFluoride-Free Preference\u003c\/li\u003e\n\u003cli class=\"tag\"\u003e\n\u003cspan class=\"ico\"\u003e🧑\u003c\/span\u003eAdults\u003c\/li\u003e\n\u003cli class=\"tag\"\u003e\n\u003cspan class=\"ico\"\u003e👨👩👧\u003c\/span\u003eEveryday Family Use\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\u003cimg alt=\"Mint green tea and cardamom flavor\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/6_2fde5cd8-0189-4c82-90c9-510bcee4932e.jpg?v=1784105672\"\u003e\u003c\/div\u003e\n\u003c!-- ⑦ 如何使用 --\u003e\n\u003ch2 class=\"bwc-section-title\"\u003eHow to Use\u003c\/h2\u003e\n\u003cdiv class=\"bwc-steps\"\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cb\u003e1\u003c\/b\u003e\n\u003ch3\u003eApply\u003c\/h3\u003e\n\u003cp\u003eApply a pea-sized amount of toothpaste onto your toothbrush.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cb\u003e2\u003c\/b\u003e\n\u003ch3\u003eBrush\u003c\/h3\u003e\n\u003cp\u003eBrush gently for at least two minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cb\u003e3\u003c\/b\u003e\n\u003ch3\u003eCover All Surfaces\u003c\/h3\u003e\n\u003cp\u003eBrush all tooth surfaces evenly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cb\u003e4\u003c\/b\u003e\n\u003ch3\u003eRepeat Daily\u003c\/h3\u003e\n\u003cp\u003eUse twice daily as part of your regular oral care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\u003cimg alt=\"Mint green tea and cardamom flavor\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/7_7274f7d7-42b7-422f-ba95-f61d59b8a88d.jpg?v=1784105672\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ⑧ 规格参数表 --\u003e\n\u003cdiv class=\"bwc-spec\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\u003ctable class=\"bwc-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Type\u003c\/td\u003e\n\u003ctd\u003eNano Hydroxyapatite Toothpaste\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNet Weight\u003c\/td\u003e\n\u003ctd\u003e96 g \/ 3.39 oz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFlavor\u003c\/td\u003e\n\u003ctd\u003eFresh Mint\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eKey Ingredient\u003c\/td\u003e\n\u003ctd\u003eNano Hydroxyapatite (n-Ha)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFormula\u003c\/td\u003e\n\u003ctd\u003eFluoride-Free\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFree From\u003c\/td\u003e\n\u003ctd\u003eSLS, Parabens, Artificial Colors \u0026amp; Artificial Flavors\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSuitable For\u003c\/td\u003e\n\u003ctd\u003eAdults \u0026amp; Sensitive Teeth\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Includes\u003c\/td\u003e\n\u003ctd\u003e1 × Nano Hydroxyapatite Toothpaste\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 对比表：左边我们的产品，右边普通产品 --\u003e\n\u003cdiv class=\"bwc-compare\"\u003e\n\u003ch2\u003eWhy Choose Our Toothpaste?\u003c\/h2\u003e\n\u003ctable class=\"bwc-compare-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eOur Toothpaste\u003c\/th\u003e\n\u003cth\u003eTraditional Toothpaste\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e✔ Nano Hydroxyapatite Formula\u003c\/td\u003e\n\u003ctd\u003e✘ Standard Formula\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e✔ Fluoride-Free\u003c\/td\u003e\n\u003ctd\u003e✘ Often Contains Fluoride\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e✔ No SLS or Parabens\u003c\/td\u003e\n\u003ctd\u003e✘ May Contain Harsh Ingredients\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e✔ Gentle for Sensitive Teeth\u003c\/td\u003e\n\u003ctd\u003e✘ May Feel Irritating\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e✔ Long-Lasting Freshness\u003c\/td\u003e\n\u003ctd\u003e✘ Freshness Fades Quickly\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e✔ Clean Ingredient Formula\u003c\/td\u003e\n\u003ctd\u003e✘ More Artificial Additives\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-teeth inv\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bwc-bottom-pad\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- ⑩ CTA --\u003e\n\u003cdiv class=\"bwc-cta\"\u003e\n\u003ch2\u003eHealthy Smile Starts Today\u003c\/h2\u003e\n\u003cp\u003eUpgrade your daily oral care routine with a clean, gentle formula designed for everyday comfort and lasting freshness.\u003c\/p\u003e\n\u003c!-- 这个按钮不再绑定固定的 VARIANT_ID：点击时会去读页面上真正的商品选购表单（客户选好的颜色\/尺寸\/规格），\n     取出当前选中的那个变体 id，再用 Shopify 的 \/cart\/add.js 接口把“客户选的那个变体”加入购物车。\n     data-fallback-variant 是兜底用的，如果在页面上找不到选购表单，就退回用这个固定ID（记得替换成你商品的默认变体ID）。 --\u003e \u003cbutton data-fallback-variant=\"VARIANT_ID\" class=\"bwc-btn bwc-add-to-cart\" type=\"button\"\u003e🛒 Add to Cart Now\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n  var carousel = document.querySelector('[data-carousel]');\n  if(!carousel) return;\n  var track = carousel.querySelector('[data-track]');\n  var slides = track.querySelectorAll('.bwc-carousel-slide');\n  var dotsWrap = carousel.querySelector('[data-dots]');\n  var prevBtn = carousel.querySelector('[data-prev]');\n  var nextBtn = carousel.querySelector('[data-next]');\n  var activeIndex = 0;\n  var AUTOPLAY_DELAY = 3000;\n  var autoplayTimer = null;\n  var carouselInView = true; \/\/ updated by IntersectionObserver below\n\n  slides.forEach(function(slide, i){\n    var dot = document.createElement('button');\n    dot.type = 'button';\n    dot.className = 'bwc-carousel-dot' + (i === 0 ? ' active' : '');\n    dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n    dot.addEventListener('click', function(){\n      goToSlide(i);\n      restartAutoplay();\n    });\n    dotsWrap.appendChild(dot);\n  });\n  var dots = dotsWrap.querySelectorAll('.bwc-carousel-dot');\n\n  \/\/ Scroll the track itself (horizontal only). Never use scrollIntoView here —\n  \/\/ it can also scroll the whole page vertically to \"reveal\" the slide, which\n  \/\/ yanks the page back up to this section if the user has scrolled past it.\n  function goToSlide(i){\n    var slide = slides[i];\n    track.scrollTo({ left: slide.offsetLeft, behavior: 'smooth' });\n  }\n\n  function updateActive(){\n    var trackRect = track.getBoundingClientRect();\n    var closest = 0, closestDist = Infinity;\n    slides.forEach(function(slide, i){\n      var dist = Math.abs(slide.getBoundingClientRect().left - trackRect.left);\n      if (dist \u003c closestDist) { closestDist = dist; closest = i; }\n    });\n    activeIndex = closest;\n    dots.forEach(function(d, i){ d.classList.toggle('active', i === closest); });\n  }\n\n  var scrollTimer;\n  track.addEventListener('scroll', function(){\n    clearTimeout(scrollTimer);\n    scrollTimer = setTimeout(updateActive, 80);\n  });\n\n  function stepWidth(){\n    if (slides.length \u003e 1) {\n      return slides[1].offsetLeft - slides[0].offsetLeft;\n    }\n    return slides[0].getBoundingClientRect().width;\n  }\n\n  prevBtn.addEventListener('click', function(){\n    track.scrollBy({left: -stepWidth(), behavior:'smooth'});\n    restartAutoplay();\n  });\n  nextBtn.addEventListener('click', function(){\n    track.scrollBy({left: stepWidth(), behavior:'smooth'});\n    restartAutoplay();\n  });\n\n  function nextSlide(){\n    var next = (activeIndex + 1) % slides.length;\n    goToSlide(next);\n  }\n\n  function startAutoplay(){\n    stopAutoplay();\n    \/\/ Don't run autoplay (and thus don't touch scroll position at all)\n    \/\/ while the carousel isn't visible on screen.\n    if (!carouselInView) return;\n    autoplayTimer = setInterval(nextSlide, AUTOPLAY_DELAY);\n  }\n  function stopAutoplay(){\n    if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; }\n  }\n  function restartAutoplay(){\n    stopAutoplay();\n    startAutoplay();\n  }\n\n  \/\/ pause while the user is actively swiping\/dragging\/hovering, resume after\n  track.addEventListener('pointerdown', stopAutoplay);\n  track.addEventListener('touchstart', stopAutoplay, {passive:true});\n  track.addEventListener('pointerup', restartAutoplay);\n  track.addEventListener('touchend', restartAutoplay, {passive:true});\n  carousel.addEventListener('mouseenter', stopAutoplay);\n  carousel.addEventListener('mouseleave', restartAutoplay);\n\n  \/\/ Only autoplay while the carousel is actually on screen. This stops the\n  \/\/ slide-change scroll from firing (and thus nothing can pull the page back\n  \/\/ up) whenever the user has scrolled further down the page.\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        carouselInView = entry.isIntersecting;\n        if (carouselInView) {\n          restartAutoplay();\n        } else {\n          stopAutoplay();\n        }\n      });\n    }, { threshold: 0.4 });\n    io.observe(carousel);\n  }\n\n  updateActive();\n  startAutoplay();\n})();\n\u003c\/script\u003e \u003cscript\u003e\n(function(){\n  function findRealAddToCartButton(){\n    var shrineBtn = document.querySelector('button.main-product-atc[name=\"add\"]');\n    if (shrineBtn) return shrineBtn;\n    var form = document.querySelector('form[action*=\"\/cart\/add\"]');\n    if (form) {\n      var btn = form.querySelector('button[name=\"add\"], button[type=\"submit\"], input[type=\"submit\"]');\n      if (btn) return btn;\n    }\n    var all = document.querySelectorAll('button, input[type=\"submit\"]');\n    for (var i = 0; i \u003c all.length; i++) {\n      var txt = (all[i].textContent || all[i].value || '').trim().toLowerCase();\n      if (txt === 'add to cart' \u0026\u0026 !all[i].classList.contains('bwc-add-to-cart')) return all[i];\n    }\n    return null;\n  }\n\n  function bwcAddToCart(btn){\n    var realBtn = findRealAddToCartButton();\n    if (realBtn) {\n      realBtn.click();\n      return;\n    }\n    var fallbackId = btn.getAttribute('data-fallback-variant');\n    if (!fallbackId || fallbackId === 'VARIANT_ID') {\n      alert('Could not find the add-to-cart form on this page.');\n      return;\n    }\n    fetch('\/cart\/add.js', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({ id: fallbackId, quantity: 1 })\n    }).then(function(){ window.location.href = '\/cart'; });\n  }\n\n  document.addEventListener('click', function(e){\n    var btn = e.target.closest('.bwc-add-to-cart');\n    if (!btn) return;\n    e.preventDefault();\n    bwcAddToCart(btn);\n  });\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"wzh","offers":[{"title":"Default Title","offer_id":47583473500291,"sku":"PL01122607155641-牙膏","price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/O1CN01z0t5c11CtFoHmOuQY__2216432460138-0-cib.jpg?v=1784106244","url":"https:\/\/craftivon.com\/products\/nano-hydroxyapatite-toothpaste","provider":"Craftivon","version":"1.0","type":"link"}