Nano Hydroxyapatite Toothpaste
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600&display=swap'); /* 只需要改这一个变量,换成你主题实际用的粉色色号,下面全部跟着联动 */ .bwc-page{ --bwc- ink:#4a3b3b; /* 正文字色:暖棕黑,比纯黑柔和 */ --bwc-accent:#c98a8a; /* 强调色:玫瑰棕,代替原来的纯黑 */ --bwc-accent-dark:#8a5a5a;/* 强调色深一档,用于按钮 hover / 深色面板 */ --bwc-card:#fffaf8; /* 卡片底色:暖白,不是刺眼的纯白 */ --bwc-line:#f0dede; /* 极浅的分隔线颜色,代替原来的黑色描边 */ --bwc-shadow:0 4px 18px rgba(180,120,120,.12); } .bwc-page{background:transparent;font-family:'Inter',Arial,Helvetica,sans-serif;color:var(--bwc-ink);padding:0;margin:0;-webkit-font-smoothing:antialiased} .bwc-page *{box-sizing:border-box} .bwc-page .bwc-container{max-width:100%;width:100%;margin:0;padding:0} .bwc-page .bwc-card{background:transparent;border:none;padding:0;overflow:hidden} /* 原来的黑白锯齿分隔条,换成一条更柔和的波浪分隔(用渐变模拟一条软边),颜色跟卡片色呼应 */ .bwc-page .bwc-teeth{display:block!important;height:16px!important;width:100%!important;background: linear-gradient(135deg,var(--bwc-accent) 25%,transparent 25%) 0 0/16px 16px, linear-gradient(225deg,var(--bwc-accent) 25%,transparent 25%) 0 0/16px 16px, transparent!important;opacity:.35} .bwc-page .bwc-teeth.inv{background: linear-gradient(135deg,transparent 25%,transparent 25%) 0 0/16px 16px, linear-gradient(225deg,transparent 25%,transparent 25%) 0 0/16px 16px, transparent!important} .bwc-page .bwc-top{padding:26px 26px 0} .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} .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} /* Hero:原来是纯黑块,改成玫瑰棕渐变,跟粉色背景是同一色系,不再是突兀的黑色矩形 */ .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} .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} .bwc-page .bwc-hero p{margin:0;opacity:.92;line-height:1.7;font-size:15px;color:#fff!important} .bwc-page .bwc-hero strong{color:#fff!important;border-bottom:2px solid rgba(255,255,255,.6)} .bwc-page .bwc-img-wrap{width:100%;margin:0;overflow:hidden;background:transparent;border-radius:18px} .bwc-page .bwc-img-wrap img{width:100%;height:auto;display:block;margin:0} .bwc-page .bwc-body{padding:0 26px} .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} .bwc-page .bwc-lead{font-size:15px;line-height:1.75;color:#6b5858;margin:0 0 18px} /* 卡片网格:原来靠黑色描边+1px缝隙分隔,改成卡片间留白+柔和阴影 */ .bwc-page .bwc-benefit-row{display:flex;flex-wrap:wrap;gap:12px;background:transparent;margin:20px 0 6px;border:none} .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)} .bwc-page .bwc-mini span.num{display:block;font-size:20px;margin-bottom:6px;font-weight:700;color:var(--bwc-accent-dark)} .bwc-page .bwc-carousel{position:relative;margin:22px 0 30px} .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} .bwc-page .bwc-carousel-track::-webkit-scrollbar{display:none} .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} .bwc-page .bwc-carousel-imgs{display:flex;border-bottom:none} .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} .bwc-page .bwc-carousel-imgs img+img{border-left:2px solid var(--bwc-card)} .bwc-page .bwc-carousel-text{padding:18px;flex:1} .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} .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} .bwc-page .bwc-carousel-text p{margin:0;color:#6b5858;font-size:13px;line-height:1.6} .bwc-page .bwc-carousel-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px} .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)} .bwc-page .bwc-carousel-arrow:hover{background:var(--bwc-accent);color:#fff} .bwc-page .bwc-carousel-dots{display:flex;gap:8px} .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} .bwc-page .bwc-carousel-dot.active{background:var(--bwc-accent)} .bwc-page .bwc-media-block{margin:22px 0 6px;overflow:hidden;background:transparent;border-radius:18px} .bwc-page .bwc-media-block img,.bwc-page .bwc-media-block video{width:100%;height:auto;display:block} .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} .bwc-page .bwc-checklist{margin:18px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px} .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} .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)} .bwc-page .bwc-checklist li.tag{font-weight:600} .bwc-page .bwc-checklist.emoji li{padding-left:26px} .bwc-page .bwc-checklist.emoji li:before{content:none} .bwc-page .bwc-checklist.emoji li .ico{position:absolute;left:0;top:0;font-size:15px;line-height:1.5} .bwc-page .bwc-steps{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;background:transparent;border:none} .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)} .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} .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} .bwc-page .bwc-step p{font-size:13px;line-height:1.55;margin:0;color:#8a7676} .bwc-page .bwc-spec{margin-top:36px;background:var(--bwc-card);padding:0;border-radius:18px;overflow:hidden;box-shadow:var(--bwc-shadow)} .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} .bwc-page .bwc-table{width:100%;border-collapse:collapse;background:var(--bwc-card)} .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)} .bwc-page .bwc-table tr:last-child td{border-bottom:0} .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} .bwc-page .bwc-compare{margin-top:36px;background:var(--bwc-card);padding:0;border-radius:18px;overflow:hidden;box-shadow:var(--bwc-shadow)} .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} .bwc-page .bwc-compare-table{width:100%;border-collapse:collapse;background:var(--bwc-card);table-layout:fixed} .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} .bwc-page .bwc-compare-table th:first-child{width:54%} .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} .bwc-page .bwc-compare-table tr:last-child td{border-bottom:0} .bwc-page .bwc-compare-table td:first-child{font-weight:600;color:var(--bwc-ink);background:#fdf4f2} .bwc-page .bwc-compare-table td:last-child{color:#b39c9c} .bwc-page .bwc-faq{margin-top:36px} .bwc-page .bwc-faq-item{border-bottom:1px solid rgba(74,59,59,.18);padding:16px 2px} .bwc-page .bwc-faq-item:first-child{padding-top:0} .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} .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} .bwc-page .bwc-faq-a{font-size:14px;line-height:1.65;color:#6b5858;margin:0;padding-left:32px} .bwc-page .bwc-reviews{margin:22px 0 6px} .bwc-page .bwc-review-grid{display:flex;flex-wrap:wrap;gap:12px;background:transparent;border:none} .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)} .bwc-page .bwc-review-stars{color:var(--bwc-accent);font-size:13px;letter-spacing:2px;margin-bottom:10px} .bwc-page .bwc-review-quote{font-size:14px;line-height:1.65;color:#6b5858;margin:0 0 12px;font-style:italic} .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} .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} .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} .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} .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} .bwc-page .bwc-btn:hover{transform:scale(1.03)} .bwc-page .bwc-cta-form{margin:0;display:inline-block} .bwc-page .bwc-bottom-pad{height:26px} @media(max-width:768px){ .bwc-page .bwc-container{padding:0} .bwc-page .bwc-top{padding:20px 16px 0} .bwc-page .bwc-body{padding:0 16px} .bwc-page .bwc-h1{font-size:24px} .bwc-page .bwc-hero{padding:20px 16px} .bwc-page .bwc-hero h2{font-size:19px} .bwc-page .bwc-section-title{font-size:19px;margin-top:30px} .bwc-page .bwc-carousel-slide{flex:0 0 100%;max-width:100%} .bwc-page .bwc-carousel-track{gap:0} .bwc-page .bwc-benefit-row{grid-template-columns:1fr 1fr} .bwc-page .bwc-steps{grid-template-columns:1fr 1fr} .bwc-page .bwc-checklist{grid-template-columns:1fr} .bwc-page .bwc-table td{display:block;width:100%;padding:10px 16px} .bwc-page .bwc-table td:first-child{width:100%;border-bottom:0;padding-bottom:2px} .bwc-page .bwc-compare-table{table-layout:auto} .bwc-page .bwc-compare-table th,.bwc-page .bwc-compare-table td{display:block;width:100%} .bwc-page .bwc-compare-table th:first-child{width:100%} .bwc-page .bwc-compare-table td:last-child{border-top:1px dashed var(--bwc-line)} .bwc-page .bwc-faq-a{padding-left:0;margin-top:6px} .bwc-page .bwc-btn{display:block;width:100%;text-align:center} } Nano Hydroxyapatite Toothpaste Experience a Cleaner, Fresher Smile Gentle Care, Lasting Freshness Experience a cleaner, fresher smile with Nano Hydroxyapatite Toothpaste. Designed for sensitive teeth, its clean formula gently cares for your enamel while delivering long-lasting freshness and everyday comfort. Why You'll Love It Four reasons it's the smarter way to care for your smile. 1 Comfort With Every Brush Specially formulated for sensitive teeth, it delivers a gentle yet effective clean while helping you enjoy a more comfortable brushing experience every day. 2 Care Beyond Surface Cleaning Powered by nano hydroxyapatite, the formula helps support enamel care while keeping your teeth looking healthy and naturally beautiful. 3 Pure Care Every Day Made without fluoride, SLS, parabens, artificial colors, or artificial flavors for a cleaner and gentler daily oral care routine. 4 Freshness That Lasts Longer Refreshing mint blended with green tea and cardamom helps leave your mouth feeling clean, fresh, and confident throughout the day. ‹ › Perfect For 🦷Sensitive Teeth 🪥Daily Oral Care 🌬Fresh Breath 🌿Fluoride-Free Preference 🧑Adults 👨👩👧Everyday Family Use How to Use 1Apply Apply a pea-sized amount of toothpaste onto your toothbrush. 2Brush Brush gently for at least two minutes. 3Cover All Surfaces Brush all tooth surfaces evenly. 4Repeat Daily Use twice daily as part of your regular oral care routine. Product Specifications Product Type Nano Hydroxyapatite Toothpaste Net Weight 96 g / 3.39 oz Flavor Fresh Mint Key Ingredient Nano Hydroxyapatite (n-Ha) Formula Fluoride-Free Free From SLS, Parabens, Artificial Colors & Artificial Flavors Suitable For Adults & Sensitive Teeth Package Includes 1 × Nano Hydroxyapatite Toothpaste Why Choose Our Toothpaste? Our Toothpaste Traditional Toothpaste ✔ Nano Hydroxyapatite Formula ✘ Standard Formula ✔ Fluoride-Free ✘ Often Contains Fluoride ✔ No SLS or Parabens ✘ May Contain Harsh Ingredients ✔ Gentle for Sensitive Teeth ✘ May Feel Irritating ✔ Long-Lasting Freshness ✘ Freshness Fades Quickly ✔ Clean Ingredient Formula ✘ More Artificial Additives Healthy Smile Starts Today Upgrade your daily oral care routine with a clean, gentle formula designed for everyday comfort and lasting freshness. 🛒 Add to Cart Now (function(){ var carousel = document.querySelector('[data-carousel]'); if(!carousel) return; var track = carousel.querySelector('[data-track]'); var slides = track.querySelectorAll('.bwc-carousel-slide'); var dotsWrap = carousel.querySelector('[data-dots]'); var prevBtn = carousel.querySelector('[data-prev]'); var nextBtn = carousel.querySelector('[data-next]'); var activeIndex = 0; var AUTOPLAY_DELAY = 3000; var autoplayTimer = null; var carouselInView = true; // updated by IntersectionObserver below slides.forEach(function(slide, i){ var dot = document.createElement('button'); dot.type = 'button'; dot.className = 'bwc-carousel-dot' + (i === 0 ? ' active' : ''); dot.setAttribute('aria-label', 'Go to slide ' + (i + 1)); dot.addEventListener('click', function(){ goToSlide(i); restartAutoplay(); }); dotsWrap.appendChild(dot); }); var dots = dotsWrap.querySelectorAll('.bwc-carousel-dot'); // Scroll the track itself (horizontal only). Never use scrollIntoView here — // it can also scroll the whole page vertically to "reveal" the slide, which // yanks the page back up to this section if the user has scrolled past it. function goToSlide(i){ var slide = slides[i]; track.scrollTo({ left: slide.offsetLeft, behavior: 'smooth' }); } function updateActive(){ var trackRect = track.getBoundingClientRect(); var closest = 0, closestDist = Infinity; slides.forEach(function(slide, i){ var dist = Math.abs(slide.getBoundingClientRect().left - trackRect.left); if (dist < closestDist) { closestDist = dist; closest = i; } }); activeIndex = closest; dots.forEach(function(d, i){ d.classList.toggle('active', i === closest); }); } var scrollTimer; track.addEventListener('scroll', function(){ clearTimeout(scrollTimer); scrollTimer = setTimeout(updateActive, 80); }); function stepWidth(){ if (slides.length > 1) { return slides[1].offsetLeft - slides[0].offsetLeft; } return slides[0].getBoundingClientRect().width; } prevBtn.addEventListener('click', function(){ track.scrollBy({left: -stepWidth(), behavior:'smooth'}); restartAutoplay(); }); nextBtn.addEventListener('click', function(){ track.scrollBy({left: stepWidth(), behavior:'smooth'}); restartAutoplay(); }); function nextSlide(){ var next = (activeIndex + 1) % slides.length; goToSlide(next); } function startAutoplay(){ stopAutoplay(); // Don't run autoplay (and thus don't touch scroll position at all) // while the carousel isn't visible on screen. if (!carouselInView) return; autoplayTimer = setInterval(nextSlide, AUTOPLAY_DELAY); } function stopAutoplay(){ if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; } } function restartAutoplay(){ stopAutoplay(); startAutoplay(); } // pause while the user is actively swiping/dragging/hovering, resume after track.addEventListener('pointerdown', stopAutoplay); track.addEventListener('touchstart', stopAutoplay, {passive:true}); track.addEventListener('pointerup', restartAutoplay); track.addEventListener('touchend', restartAutoplay, {passive:true}); carousel.addEventListener('mouseenter', stopAutoplay); carousel.addEventListener('mouseleave', restartAutoplay); // Only autoplay while the carousel is actually on screen. This stops the // slide-change scroll from firing (and thus nothing can pull the page back // up) whenever the user has scrolled further down the page. if ('IntersectionObserver' in window) { var io = new IntersectionObserver(function(entries){ entries.forEach(function(entry){ carouselInView = entry.isIntersecting; if (carouselInView) { restartAutoplay(); } else { stopAutoplay(); } }); }, { threshold: 0.4 }); io.observe(carousel); } updateActive(); startAutoplay(); })(); (function(){ function findRealAddToCartButton(){ var shrineBtn = document.querySelector('button.main-product-atc[name="add"]'); if (shrineBtn) return shrineBtn; var form = document.querySelector('form[action*="/cart/add"]'); if (form) { var btn = form.querySelector('button[name="add"], button[type="submit"], input[type="submit"]'); if (btn) return btn; } var all = document.querySelectorAll('button, input[type="submit"]'); for (var i = 0; i < all.length; i++) { var txt = (all[i].textContent || all[i].value || '').trim().toLowerCase(); if (txt === 'add to cart' && !all[i].classList.contains('bwc-add-to-cart')) return all[i]; } return null; } function bwcAddToCart(btn){ var realBtn = findRealAddToCartButton(); if (realBtn) { realBtn.click(); return; } var fallbackId = btn.getAttribute('data-fallback-variant'); if (!fallbackId || fallbackId === 'VARIANT_ID') { alert('Could not find the add-to-cart form on this page.'); return; } fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: fallbackId, quantity: 1 }) }).then(function(){ window.location.href = '/cart'; }); } document.addEventListener('click', function(e){ var btn = e.target.closest('.bwc-add-to-cart'); if (!btn) return; e.preventDefault(); bwcAddToCart(btn); }); })();
More you might like
Related
Nano Hydroxyapatite Remineralizing Toothpaste Tabs - Nanomin
Related
Nano-Hydroxyapatite Toothpaste
Related
Nano Hydroxyapatite Toothpaste
Related