{"product_id":"invisible-collar-sweat-pads","title":"Invisible Collar Sweat Pads","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Personal Care \/ Clothing Accessory (Collar Sweat Pads)\nTarget Audience: Professionals, excessive sweaters, hat wearers seeking hygiene and crisp clothing.\nVisual Style: Clean, fresh, breathable, and reliable.\nColor Strategy: White and Soft Sky Blue to evoke cleanliness, hygiene, and breathability. Dark navy for readable text.\nShape Strategy: Radius 16px (Skin-friendly, soft, approachable, comfortable).\nTypography Strategy: Large Type \/ Mobile-first readable. High contrast for effortless reading.\nMobile Table Strategy: Card-based (No horizontal scroll). Auto metric conversions included.\nImage Mapping: Hero=image_1, Fabric\/Breathability=image_2, Absorbency=image_3, Adhesion=image_4, Versatility=image_5.\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* 1. Design System \u0026 CSS Variables *\/\n    .product-detail-container {\n      --primary: #0ea5e9; \/* Fresh Sky Blue *\/\n      --primary-light: #f0f9ff;\n      --text-main: #0f172a;\n      --text-sub: #475569;\n      --bg-body: #ffffff;\n      --bg-card: #f8fafc;\n      --border-color: #e2e8f0;\n      \n      --radius-md: 12px;\n      --radius-lg: 16px;\n      \n      --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);\n      --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.05);\n      \n      --space-sm: clamp(1rem, 2vw, 1.5rem);\n      --space-md: clamp(2rem, 5vw, 4rem);\n      --space-lg: clamp(3rem, 7vw, 6rem);\n      \n      \/* Base Resets *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, 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    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: border-box;\n    }\n\n    \/* 2. Typography System (Large Type) *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      line-height: 1.2;\n      font-weight: 800;\n      margin: 0 0 1rem 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      font-weight: 700;\n      margin: 0 0 1rem 0;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 2.5vw, 24px);\n      line-height: 1.4;\n      font-weight: 600;\n      margin: 0 0 0.75rem 0;\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: 0 0 1.5rem 0;\n    }\n    \n    .product-detail-container p:last-child {\n      margin-bottom: 0;\n    }\n\n    .product-detail-container .badge {\n      display: inline-block;\n      background-color: var(--primary-light);\n      color: var(--primary);\n      font-size: clamp(16px, 1.5vw, 18px);\n      font-weight: 600;\n      padding: 0.5rem 1rem;\n      border-radius: 50px;\n      margin-bottom: 1rem;\n    }\n\n    \/* 3. Media \u0026 Images (Strict adherence to Option A + Placeholders) *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n    \n    .img-placeholder {\n      width: 100%;\n      aspect-ratio: 4\/3;\n      background-color: #f1f5f9;\n      border: 2px dashed #cbd5e1;\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #64748b;\n      font-size: 18px;\n      font-weight: 500;\n      text-align: center;\n      padding: 1rem;\n    }\n\n    \/* 4. Hero Section *\/\n    .hero-section {\n      text-align: center;\n      margin-bottom: var(--space-lg);\n      padding-top: var(--space-md);\n    }\n\n    .social-proof {\n      font-size: clamp(16px, 1.5vw, 18px);\n      color: var(--text-sub);\n      margin-bottom: var(--space-md);\n      font-weight: 500;\n    }\n\n    \/* 5. Features Section (Mobile Ordering Lock \u0026 Z-Pattern) *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile First: Image top, Text bottom *\/\n      gap: var(--space-md);\n      margin-bottom: var(--space-lg);\n    }\n\n    .feature-media,\n    .feature-copy {\n      width: 100%;\n    }\n\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        align-items: center;\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .feature-media,\n      .feature-copy {\n        width: 50%;\n      }\n      \/* Prevent text edge crunching *\/\n      .feature-copy {\n        padding: 0 2rem; \n      }\n      .feature-item:nth-child(odd) .feature-copy {\n        padding-right: 0;\n      }\n      .feature-item:nth-child(even) .feature-copy {\n        padding-left: 0;\n      }\n    }\n\n    \/* 6. Specifications Table (Mobile Card Lock) *\/\n    .specs-section {\n      margin-bottom: var(--space-lg);\n      background-color: var(--bg-card);\n      padding: var(--space-md);\n      border-radius: var(--radius-lg);\n    }\n    \n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: var(--space-sm);\n    }\n    \n    .specs-table th,\n    .specs-table td {\n      padding: 1.25rem;\n      border-bottom: 1px solid var(--border-color);\n      text-align: left;\n      font-size: clamp(16px, 1.8vw, 18px);\n    }\n    \n    .specs-table th {\n      font-weight: 600;\n      color: var(--text-main);\n      width: 30%;\n    }\n    \n    .specs-table td {\n      color: var(--text-sub);\n    }\n\n    @media (max-width: 767px) {\n      \/* Mobile Card Format - No horizontal scroll *\/\n      .specs-table, \n      .specs-table tbody, \n      .specs-table tr, \n      .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      \n      .specs-table thead {\n        display: none;\n      }\n      \n      .specs-table tr {\n        background: var(--bg-body);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 0.5rem;\n        box-shadow: var(--shadow-sm);\n      }\n      \n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 1px solid var(--bg-card);\n        padding: 1rem;\n        text-align: right;\n      }\n      \n      .specs-table td:last-child {\n        border-bottom: none;\n      }\n      \n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        color: var(--text-main);\n        text-align: left;\n        margin-right: 1rem;\n        flex-shrink: 0;\n      }\n    }\n\n    \/* 7. FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--space-lg);\n    }\n    \n    .faq-item {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: var(--space-sm) var(--space-md);\n      margin-bottom: 1rem;\n    }\n    \n    .faq-question {\n      font-size: clamp(18px, 2vw, 22px);\n      font-weight: 600;\n      color: var(--text-main);\n      margin-bottom: 0.5rem;\n    }\n    \n    .faq-answer {\n      font-size: clamp(16px, 1.8vw, 18px);\n      color: var(--text-sub);\n      margin: 0;\n      line-height: 1.6;\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"badge\"\u003eInvisible Sweat Protection\u003c\/div\u003e\n\n\u003ch1\u003eKeep Your Collars Crisp, Clean, and Stain-Free\u003c\/h1\u003e\n\n\u003ch2\u003eSay goodbye to embarrassing yellow sweat stains and uncomfortable chafing.\u003c\/h2\u003e\n\n\u003cdiv class=\"social-proof\"\u003eTrusted by 10,000+ professionals for all-day freshness\u003c\/div\u003e\n\n\u003cdiv class=\"hero-image\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260331144150\/a04c1436cac94b050ba695a539c16aac.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=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260331144150\/1542aa99e9066b3e28540e0bb8f05949.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003ePremium Breathable Comfort\u003c\/h3\u003e\n\n\u003cp\u003eCrafted from high-quality, skin-friendly non-woven fabric. Our collar protectors allow maximum airflow while efficiently absorbing moisture. You won't feel stuffy, limited, or uncomfortable—just clean and confident all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260331144150\/0f2f2e22f1a85859766a24af70cf1181.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eAvoid Embarrassing Yellow Stains\u003c\/h3\u003e\n\n\u003cp\u003eStop ruining your favorite dress shirts and expensive hats. These advanced sweat pads rapidly trap perspiration before it reaches the fabric, eliminating the dreadful yellowing on collars and hat brims. Keep your wardrobe looking brand new.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260331144151\/01d00e85887639a0b578b70ded81fb3c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eSelf-Adhesive \u0026amp; Residue-Free\u003c\/h3\u003e\n\n\u003cp\u003eDesigned with a specialized gentle adhesive backing. It applies firmly to your garments without the need for extra pins or tools, and stays put through your busiest days. Best of all? It peels off instantly without leaving any sticky residue behind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260331144150\/017c4d2dc8300a4486cc981bbf5b1a09.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eCut-to-Fit Ultimate Versatility\u003c\/h3\u003e\n\n\u003cp\u003eEach set includes 2 massive rolls (8 meters total!) that you can cut to your exact needed length. Perfectly sized at 4cm wide, it’s ideal not just for shirt collars, but also for hat brims, cuffs, back necks, and even leg chafing prevention.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Table (Mobile Card Lock) --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eFeature\u003c\/th\u003e\n\t\t\t\u003cth\u003eSpecification\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=\"Material\"\u003ePremium Non-Woven Fabric\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eSkin-friendly, breathable, odorless\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Dimensions (Per Roll)\"\u003eWidth \u0026amp; Length\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eWidth: 4 cm (1.57 in) | Length: 400 cm (157.5 in)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Package Includes\"\u003eTotal Quantity\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e2 Rolls (Total 800 cm \/ 315.0 in)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Adhesion\"\u003eResidue-Free Adhesive\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eSelf-adhesive back, peels off clean\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Best For\"\u003eMulti-Purpose Use\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eCollars, Cuffs, Baseball Caps, Hard Hats, Necklines\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eWill the adhesive leave sticky marks on my expensive shirts?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eAbsolutely not. Our sweat pads use a specially formulated fabric adhesive that holds securely during wear but peels off cleanly without damaging threads or leaving any sticky residue behind.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eCan I use this on curved surfaces like the inside of a baseball cap?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes! The non-woven fabric is highly flexible. Because it comes in a continuous roll, you can easily cut it to the perfect length to line the inner brim of caps, fedoras, or hard hats to block sweat rings.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs the pad visible from the outside when worn?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo. With a slim width of 4cm (1.57 inches) and an ultra-thin breathable profile, the protector hides perfectly under the fold of your collar or the inner band of your sleeves and hats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"📦 Starter Pack (2 Rolls)","offer_id":45431357341887,"sku":"0401-14103392","price":12.95,"currency_code":"USD","in_stock":true},{"title":"🔥 Value Pack (4 Rolls) - Save 20%","offer_id":45431357407423,"sku":"0401-14101679","price":19.95,"currency_code":"USD","in_stock":true},{"title":"💎 Family \/ Pro Pack (6 Rolls) - Save 30%","offer_id":45431357472959,"sku":"0401-14106126","price":26.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/a04c1436cac94b050ba695a539c16aac.jpg?v=1775023598","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/invisible-collar-sweat-pads","provider":"Bak","version":"1.0","type":"link"}