{"product_id":"wateration","title":"Waterproof Tile Grout Pen for Bathroom and Kitchen Restoration","description":"\u003cstyle\u003e\n  \/* 白色瓷砖美缝笔｜纯 HTML + CSS｜继承店铺字体 *\/\n  #gtp-detail {\n    --gtp-ink: #1d2d21;\n    --gtp-body: #4c594a;\n    --gtp-accent: #356724;\n    --gtp-light: #f1f6ed;\n    --gtp-line: #d7e2d1;\n    width: 100%;\n    max-width: 940px;\n    margin: 0 auto;\n    background: #fff;\n    color: var(--gtp-ink);\n    font-family: inherit;\n    font-size: 16px;\n    line-height: 1.6;\n    text-align: center;\n    isolation: isolate;\n  }\n\n  #gtp-detail,\n  #gtp-detail *,\n  #gtp-detail *::before,\n  #gtp-detail *::after {\n    box-sizing: border-box;\n  }\n\n  #gtp-detail h2,\n  #gtp-detail h3,\n  #gtp-detail p,\n  #gtp-detail ul,\n  #gtp-detail ol,\n  #gtp-detail dl,\n  #gtp-detail dd {\n    margin: 0;\n  }\n\n  #gtp-detail h2,\n  #gtp-detail h3,\n  #gtp-detail p,\n  #gtp-detail li,\n  #gtp-detail dt,\n  #gtp-detail dd,\n  #gtp-detail summary {\n    font-family: inherit;\n  }\n\n  #gtp-detail .gtp-section {\n    padding: 30px 32px;\n    background: #fff;\n    color: var(--gtp-ink);\n  }\n\n  #gtp-detail .gtp-feature {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  #gtp-detail .gtp-light {\n    background: var(--gtp-light);\n  }\n\n  #gtp-detail .gtp-dark {\n    --gtp-ink: #fff;\n    --gtp-body: #e0ebda;\n    --gtp-accent: #c2e4a7;\n    background: #1d2d21;\n    color: var(--gtp-ink);\n  }\n\n  #gtp-detail .gtp-eyebrow {\n    margin-bottom: 8px;\n    color: var(--gtp-accent);\n    font-size: 12px;\n    line-height: 1.5;\n    font-weight: 700;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n  }\n\n  #gtp-detail h2 {\n    max-width: 760px;\n    margin: 0 auto;\n    color: var(--gtp-ink);\n    font-size: clamp(25px, 3.2vw, 33px);\n    line-height: 1.23;\n    font-weight: 750;\n    letter-spacing: -0.5px;\n    text-transform: none;\n    word-break: normal;\n  }\n\n  #gtp-detail .gtp-hero {\n    padding-top: 38px;\n  }\n\n  #gtp-detail .gtp-hero h2 {\n    font-size: clamp(29px, 4.2vw, 43px);\n  }\n\n  #gtp-detail .gtp-hero h2 span {\n    display: block;\n    color: var(--gtp-accent);\n  }\n\n  #gtp-detail .gtp-copy {\n    max-width: 700px;\n    margin: 12px auto 0;\n    color: var(--gtp-body);\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  #gtp-detail .gtp-tags {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    padding: 0;\n    margin: 18px auto 0;\n    list-style: none;\n  }\n\n  #gtp-detail .gtp-tags li {\n    padding: 6px 12px;\n    border: 1px solid var(--gtp-line);\n    border-radius: 99px;\n    background: #fff;\n    color: #356724;\n    font-size: 12px;\n    line-height: 1.45;\n    font-weight: 700;\n  }\n\n  #gtp-detail .gtp-media {\n    width: 100%;\n    max-width: 760px;\n    margin: 18px auto 0;\n  }\n\n  #gtp-detail .gtp-media img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    border: 0;\n    border-radius: 12px;\n    box-shadow: none;\n  }\n\n  #gtp-detail .gtp-note {\n    max-width: 700px;\n    margin: 14px auto 0;\n    color: var(--gtp-body);\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  #gtp-detail .gtp-cards,\n  #gtp-detail .gtp-steps {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    width: 100%;\n    max-width: 760px;\n    margin: 18px auto 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  #gtp-detail .gtp-card,\n  #gtp-detail .gtp-step {\n    min-width: 0;\n    padding: 17px;\n    border: 1px solid var(--gtp-line);\n    border-radius: 12px;\n    background: #fff;\n    color: #1d2d21;\n  }\n\n  #gtp-detail h3 {\n    color: #1d2d21;\n    font-size: 17px;\n    line-height: 1.35;\n    font-weight: 700;\n  }\n\n  #gtp-detail .gtp-card p,\n  #gtp-detail .gtp-step p {\n    margin-top: 7px;\n    color: #4c594a;\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  #gtp-detail .gtp-steps {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    counter-reset: gtp-step;\n  }\n\n  #gtp-detail .gtp-step::before {\n    counter-increment: gtp-step;\n    content: \"0\" counter(gtp-step);\n    display: block;\n    margin-bottom: 8px;\n    color: #356724;\n    font-size: 14px;\n    font-weight: 750;\n    letter-spacing: 1px;\n  }\n\n  #gtp-detail .gtp-specs {\n    max-width: 760px;\n    margin: 18px auto 0;\n    border-top: 1px solid var(--gtp-line);\n    text-align: left;\n  }\n\n  #gtp-detail .gtp-spec-row {\n    display: grid;\n    grid-template-columns: 150px minmax(0, 1fr);\n    gap: 16px;\n    padding: 12px 0;\n    border-bottom: 1px solid var(--gtp-line);\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  #gtp-detail dt {\n    color: var(--gtp-ink);\n    font-weight: 700;\n  }\n\n  #gtp-detail dd {\n    color: var(--gtp-body);\n  }\n\n  #gtp-detail .gtp-faq {\n    max-width: 760px;\n    margin: 18px auto 0;\n    text-align: left;\n  }\n\n  #gtp-detail details {\n    padding: 0;\n    border-bottom: 1px solid var(--gtp-line);\n  }\n\n  #gtp-detail details:first-child {\n    border-top: 1px solid var(--gtp-line);\n  }\n\n  #gtp-detail summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 16px 3px;\n    list-style: none;\n    cursor: pointer;\n    color: var(--gtp-ink);\n    font-size: 15px;\n    line-height: 1.5;\n    font-weight: 700;\n  }\n\n  #gtp-detail summary::-webkit-details-marker {\n    display: none;\n  }\n\n  #gtp-detail summary::after {\n    content: \"+\";\n    flex: 0 0 20px;\n    color: var(--gtp-accent);\n    font-size: 22px;\n    line-height: 1;\n    text-align: center;\n  }\n\n  #gtp-detail details[open] \u003e summary::after {\n    content: \"−\";\n  }\n\n  #gtp-detail summary:focus-visible {\n    outline: 3px solid var(--gtp-accent);\n    outline-offset: 3px;\n    border-radius: 4px;\n  }\n\n  #gtp-detail .gtp-answer {\n    padding: 0 3px 16px;\n    color: var(--gtp-body);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  #gtp-detail .gtp-close {\n    max-width: 760px;\n    margin: 26px auto 0;\n    padding-top: 24px;\n    border-top: 1px solid var(--gtp-line);\n  }\n\n  #gtp-detail .gtp-close h3 {\n    font-size: 23px;\n    line-height: 1.3;\n  }\n\n  @media (max-width: 600px) {\n    #gtp-detail .gtp-section {\n      padding: 24px 16px;\n    }\n\n    #gtp-detail .gtp-hero {\n      padding-top: 20px;\n    }\n\n    #gtp-detail .gtp-copy {\n      font-size: 15px;\n    }\n\n    #gtp-detail .gtp-tags {\n      gap: 6px;\n      margin-top: 16px;\n    }\n\n    #gtp-detail .gtp-tags li {\n      padding: 6px 10px;\n      font-size: 11px;\n    }\n\n    \/* 手机端图片在对应文案上方，原图完整显示 *\/\n    #gtp-detail .gtp-feature \u003e .gtp-media {\n      order: -1;\n      margin: 0 auto 18px;\n    }\n\n    #gtp-detail .gtp-cards,\n    #gtp-detail .gtp-steps {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    #gtp-detail .gtp-card,\n    #gtp-detail .gtp-step {\n      padding: 15px;\n    }\n\n    #gtp-detail .gtp-spec-row {\n      grid-template-columns: 100px minmax(0, 1fr);\n      gap: 12px;\n      font-size: 13px;\n    }\n\n    #gtp-detail summary {\n      font-size: 14px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv id=\"gtp-detail\"\u003e\n\n  \u003c!-- 第一板块：白色遮盖翻新 --\u003e\n  \u003csection class=\"gtp-section gtp-feature gtp-light gtp-hero\" aria-label=\"White tile grout pen\"\u003e\n    \u003cp class=\"gtp-eyebrow\"\u003eWhite Tile Grout Pen\u003c\/p\u003e\n\n    \u003ch2\u003e\n      Fresh White Lines.\n      \u003cspan\u003eA Brighter-Looking Room.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"gtp-copy\"\u003e\n      When grout looks tired, the whole tiled area can feel overdue for\n      a refresh. This white grout pen helps cover discoloration on clean,\n      dry grout for a more uniform finish, one line at a time.\n    \u003c\/p\u003e\n\n    \u003cul class=\"gtp-tags\" aria-label=\"Product highlights\"\u003e\n      \u003cli\u003eWhite Finish\u003c\/li\u003e\n      \u003cli\u003ePrecision Acrylic Nib\u003c\/li\u003e\n      \u003cli\u003e1 Pen Included\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003c!-- 【IMAGE 01】首屏｜原始前后效果示意图 --\u003e\n    \u003cdiv class=\"gtp-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/8683\/2369\/files\/spp_shopify20261028104527_2fb3c79d1b2c983b07b63bf66c216d61.png?v=1793155534\" alt=\"Illustrative comparison of discolored grout and refreshed white grout lines beside the grout pen\" width=\"800\" height=\"800\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\"\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"gtp-note\"\u003e\n      The comparison illustrates the intended appearance. Results vary\n      with the original grout color, condition and application. Clean the\n      surface before applying; the pen adds color rather than removing dirt.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 第二板块：精准笔头与局部操作 --\u003e\n  \u003csection class=\"gtp-section gtp-feature\"\u003e\n    \u003cp class=\"gtp-eyebrow\"\u003eFollow the Line\u003c\/p\u003e\n\n    \u003ch2\u003eKeep Your Touch-Up on Track\u003c\/h2\u003e\n\n    \u003cp class=\"gtp-copy\"\u003e\n      The precision acrylic nib helps guide the white coating along grout\n      lines. Work in manageable sections with light, even strokes so you\n      can focus on the details that need refreshing.\n    \u003c\/p\u003e\n\n    \u003c!-- 【IMAGE 02】笔头特写｜对应原始第三张图 --\u003e\n    \u003cdiv class=\"gtp-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/8683\/2369\/files\/spp_shopify20261028104549_dac862345798e6190d9b57b60e6b2819.png?v=1793155557\" alt=\"Close-up of the white acrylic nib used to guide the coating along tile grout lines\" width=\"800\" height=\"800\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gtp-cards\"\u003e\n      \u003carticle class=\"gtp-card\"\u003e\n        \u003ch3\u003eFocused Application\u003c\/h3\u003e\n        \u003cp\u003e\n          Guide the nib along the grout instead of spreading a coating\n          across the whole tile.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"gtp-card\"\u003e\n        \u003ch3\u003ePen-Style Handling\u003c\/h3\u003e\n        \u003cp\u003e\n          A compact pen format helps you work along edges and return to\n          small areas that need attention.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 第三板块：涂层使用条件 --\u003e\n  \u003csection class=\"gtp-section gtp-feature gtp-dark\"\u003e\n    \u003cp class=\"gtp-eyebrow\"\u003ePrepare Well. Let It Set.\u003c\/p\u003e\n\n    \u003ch2\u003eGive the Finish Time to Set\u003c\/h2\u003e\n\n    \u003cp class=\"gtp-copy\"\u003e\n      Start with compatible grout that is completely clean and dry.\n      After application, follow the product label's drying and curing\n      directions before exposing the refreshed lines to water or\n      cleaning products.\n    \u003c\/p\u003e\n\n    \u003c!-- 【IMAGE 03】产品与尺寸｜对应原始第二张图 --\u003e\n    \u003cdiv class=\"gtp-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/8683\/2369\/files\/spp_shopify20261028104537_5e74d0d450e35805e696b3d3a2240213.png?v=1793155546\" alt=\"White grout pen beside tile, with illustrated pen dimensions and a 5 mL capacity label\" width=\"800\" height=\"800\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"gtp-note\"\u003e\n      A color touch-up does not repair cracked grout, waterproof a leaking\n      joint or remove existing mold. Follow the label for wet-area\n      suitability and ongoing care.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 第四板块：家居场景 --\u003e\n  \u003csection class=\"gtp-section gtp-feature gtp-light\"\u003e\n    \u003cp class=\"gtp-eyebrow\"\u003eSmall Details, A Fresher Look\u003c\/p\u003e\n\n    \u003ch2\u003eRefresh the Lines You Notice\u003c\/h2\u003e\n\n    \u003cp class=\"gtp-copy\"\u003e\n      Discolored grout can stand out even when the tiles have been wiped\n      clean. Bring a more consistent white appearance to suitable kitchen\n      or bathroom grout lines, without changing the surrounding tile design.\n    \u003c\/p\u003e\n\n    \u003c!-- 【IMAGE 04】家居场景｜保留原始第四张图 --\u003e\n    \u003cdiv class=\"gtp-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0652\/8683\/2369\/files\/spp_shopify20261028104601_86246f6ad21bbe65ac8f6650ae01ea68.png?v=1793155568\" alt=\"Lifestyle illustration of an adult using a grout pen on a kitchen tile backsplash\" width=\"800\" height=\"800\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"gtp-note\"\u003e\n      Follow the label's handling and ventilation directions. Keep the pen\n      out of children's reach; the lifestyle image is not guidance for\n      child use.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 第五板块：三步使用 --\u003e\n  \u003csection class=\"gtp-section\"\u003e\n    \u003cp class=\"gtp-eyebrow\"\u003eA Straightforward Touch-Up\u003c\/p\u003e\n\n    \u003ch2\u003eClean, Prime and Trace\u003c\/h2\u003e\n\n    \u003col class=\"gtp-steps\"\u003e\n      \u003cli class=\"gtp-step\"\u003e\n        \u003ch3\u003eClean \u0026amp; Dry\u003c\/h3\u003e\n        \u003cp\u003e\n          Clean the target grout and let it dry completely. Test a small,\n          discreet area for compatibility and shade.\n        \u003c\/p\u003e\n      \u003c\/li\u003e\n\n      \u003cli class=\"gtp-step\"\u003e\n        \u003ch3\u003eShake \u0026amp; Prime\u003c\/h3\u003e\n        \u003cp\u003e\n          Shake thoroughly with the cap on. Press the tip vertically as\n          directed to activate the coating flow.\n        \u003c\/p\u003e\n      \u003c\/li\u003e\n\n      \u003cli class=\"gtp-step\"\u003e\n        \u003ch3\u003eTrace \u0026amp; Recap\u003c\/h3\u003e\n        \u003cp\u003e\n          Apply along the grout with even strokes. Close the cap tightly\n          after use and allow the finish to cure as directed.\n        \u003c\/p\u003e\n      \u003c\/li\u003e\n    \u003c\/ol\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 第六板块：规格 --\u003e\n  \u003csection class=\"gtp-section gtp-light\"\u003e\n    \u003cp class=\"gtp-eyebrow\"\u003eProduct Details\u003c\/p\u003e\n\n    \u003ch2\u003eOne Pen for Targeted Touch-Ups\u003c\/h2\u003e\n\n    \u003cdl class=\"gtp-specs\"\u003e\n      \u003cdiv class=\"gtp-spec-row\"\u003e\n        \u003cdt\u003eProduct\u003c\/dt\u003e\n        \u003cdd\u003eTile Grout Pen\u003c\/dd\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gtp-spec-row\"\u003e\n        \u003cdt\u003eCoating color\u003c\/dt\u003e\n        \u003cdd\u003eWhite\u003c\/dd\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gtp-spec-row\"\u003e\n        \u003cdt\u003eApplicator\u003c\/dt\u003e\n        \u003cdd\u003ePrecision acrylic nib\u003c\/dd\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gtp-spec-row\"\u003e\n        \u003cdt\u003eCapacity\u003c\/dt\u003e\n        \u003cdd\u003e5 mL, as labeled in the product image\u003c\/dd\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gtp-spec-row\"\u003e\n        \u003cdt\u003ePen dimensions\u003c\/dt\u003e\n        \u003cdd\u003e\n          Approx. 14.5 cm long × 1.5 cm wide\n          (5.70 × 0.59 in), as illustrated\n        \u003c\/dd\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gtp-spec-row\"\u003e\n        \u003cdt\u003ePackage includes\u003c\/dt\u003e\n        \u003cdd\u003e1 × Tile Grout Pen\u003c\/dd\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gtp-spec-row\"\u003e\n        \u003cdt\u003eAfter use\u003c\/dt\u003e\n        \u003cdd\u003e\n          Keep the cap tightly closed to help prevent the nib from drying out\n        \u003c\/dd\u003e\n      \u003c\/div\u003e\n    \u003c\/dl\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 第七板块：六条原生折叠 FAQ --\u003e\n  \u003csection class=\"gtp-section\"\u003e\n    \u003cp class=\"gtp-eyebrow\"\u003eBefore You Begin\u003c\/p\u003e\n\n    \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n    \u003cdiv class=\"gtp-faq\"\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eDoes it remove stains or mold?\u003c\/summary\u003e\n        \u003cp class=\"gtp-answer\"\u003e\n          The pen applies a white coating to improve the appearance of\n          grout. It does not replace cleaning or treatment of existing\n          mold. Prepare the surface properly and let it dry completely\n          before applying.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eWill the white match my existing grout?\u003c\/summary\u003e\n        \u003cp class=\"gtp-answer\"\u003e\n          This option applies a white finish. Test a discreet area first,\n          since the existing shade, surface texture and number of coats\n          can affect the appearance.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eCan I use it on tile or silicone?\u003c\/summary\u003e\n        \u003cp class=\"gtp-answer\"\u003e\n          It is intended for compatible grout lines. Do not assume it is\n          suitable for silicone, caulk, porous tile or every existing\n          coating. Check the product label and test a small hidden area\n          before wider application.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eWhen can the refreshed grout get wet?\u003c\/summary\u003e\n        \u003cp class=\"gtp-answer\"\u003e\n          Allow the full drying and curing time stated on the product\n          label before exposure to water or cleaning products. Follow its\n          wet-area instructions; this pen is not a substitute for sound\n          grout or waterproofing repairs.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eHow do I start the coating flow?\u003c\/summary\u003e\n        \u003cp class=\"gtp-answer\"\u003e\n          Shake the pen thoroughly with the cap on, then press the tip\n          vertically as directed to activate the flow. Apply with\n          controlled strokes and close the cap tightly whenever the pen\n          is not in use.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eHow much grout can one pen cover?\u003c\/summary\u003e\n        \u003cp class=\"gtp-answer\"\u003e\n          The product image lists a 5 mL capacity. Coverage depends on\n          grout width, surface absorbency and the number of coats, so a\n          fixed room size or line length cannot be assumed from the\n          capacity alone.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gtp-close\"\u003e\n      \u003ch3\u003eA Fresh Look, Line by Line\u003c\/h3\u003e\n      \u003cp class=\"gtp-copy\"\u003e\n        Bring attention back to your tiles with a more even white grout\n        finish and a focused, pen-style application.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"White","offer_id":67931815411821,"sku":"LE70546773","price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/2149\/0285\/files\/spp_shopify20261028104612_f5cfdb82154a2f87547e42a16e143747_312e998d-21ff-4048-a7d2-e56258382b00.png?v=1793688905","url":"https:\/\/costhubco.com\/products\/wateration","provider":"Costhubco","version":"1.0","type":"link"}