{"product_id":"fast-acting-pain-patch","title":"Fast Acting Pain Patch","description":" \u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--AI Design LogicProduct Type: Healthcare \/ Pain Relief PatchesTarget Audience: Individuals suffering from muscle aches, joint pain, or everyday soreness seeking non-invasive relief.Visual Style: Clean, trustworthy, and soothing. Medical-grade professionalism blended with consumer-friendly comfort.Color Strategy:   - Primary: #0284c7 (Soothing Medical Blue) to establish trust and cleanliness.  - Accent: #ea580c (Warm Therapeutic Orange) to represent the effective heat therapy.  - Background: #ffffff and #f8fafc (Soft Slate) for maximum readability.Shape Strategy: Radius 16px. Extremely soft and rounded corners to psychologically convey skin-friendly, safe, and comfortable properties.Typography Strategy: Large Type \/ Mobile-first readable. High line-heights for easy scanning by all age groups.Mobile Table Strategy: Card-based. Absolute zero horizontal scrolling. Uses data-labels for clear key-value pairing.Image Mapping: Hero=image_1, Targeted Relief=image_2, Heat Therapy=image_3, Flexibility=image_4--\u003e\u003cstyle type=\"text\/css\"\u003e\/* 0) Typography \u0026 Spacing System *\/    .product-detail-container {      \/* CSS Variables *\/      --primary: #0284c7;      --primary-hover: #0369a1;      --accent-heat: #ea580c;      --text-main: #0f172a;      --text-sub: #475569;      --bg-body: #ffffff;      --bg-card: #f8fafc;      --radius-md: 12px;      --radius-lg: 16px;      --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05);      --border-color: #e2e8f0;      \/* Structural safety *\/      box-sizing: border-box;      max-width: 1200px;      margin: 0 auto;      padding: 0 5%;      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      color: var(--text-main);      background-color: var(--bg-body);            \/* Anti-overflow text rules *\/      overflow-wrap: break-word;      word-break: break-word;      -webkit-font-smoothing: antialiased;    }    .product-detail-container * {      box-sizing: inherit;    }    \/* Typography Sizes *\/    .product-detail-container h1 {      font-size: clamp(32px, 4vw, 44px);      line-height: 1.2;      font-weight: 800;      margin: 0 0 1.5rem 0;      color: var(--text-main);      letter-spacing: -0.02em;    }    .product-detail-container h2 {      font-size: clamp(24px, 3vw, 32px);      line-height: 1.3;      font-weight: 700;      margin: 0 0 1rem 0;    }    .product-detail-container h3 {      font-size: clamp(20px, 2.5vw, 24px);      line-height: 1.4;      font-weight: 600;      margin: 0 0 1rem 0;    }    .product-detail-container p {      font-size: clamp(18px, 2vw, 20px);      line-height: 1.7;      color: var(--text-sub);      margin: 0 0 1.5rem 0;    }    .product-detail-container ul {      font-size: clamp(18px, 2vw, 20px);      line-height: 1.7;      color: var(--text-sub);      margin: 0 0 1.5rem 0;      padding-left: 1.5rem;    }    .product-detail-container li {      margin-bottom: 0.75rem;    }    \/* Real Image Rules - Natural Flowing *\/    .product-detail-container img {      width: 100%;      height: auto;      display: block;      border-radius: var(--radius-lg);    }    \/* Placeholder Styling for AI rendering *\/    .media-placeholder {      width: 100%;      aspect-ratio: 4 \/ 3;      background-color: var(--bg-card);      border: 2px dashed var(--border-color);      border-radius: var(--radius-lg);      display: flex;      align-items: center;      justify-content: center;      color: var(--text-sub);      font-size: 1.2rem;      font-weight: 600;      text-align: center;      padding: 1rem;    }    \/* Spacing \u0026 Layout Utilities *\/    .section-spacing {      margin-bottom: clamp(3rem, 6vw, 5rem);    }    .badge-container {      display: flex;      flex-wrap: wrap;      gap: 1rem;      margin-bottom: 2rem;    }    \/* Non-interactive Badge *\/    .static-badge {      display: inline-block;      padding: 0.75rem 1.25rem;      background-color: var(--bg-card);      color: var(--primary);      font-size: 16px;      font-weight: 700;      border-radius: 50px;      border: 1px solid var(--border-color);    }    .static-badge.highlight {      background-color: #fff7ed;      color: var(--accent-heat);      border-color: #fed7aa;    }    \/* --- Hero Section --- *\/    .hero-section {      display: flex;      flex-direction: column;      gap: 2rem;      padding-top: clamp(1rem, 4vw, 3rem);    }    \/* --- Features Layout (Mobile Ordering Lock) --- *\/    .feature-item {      display: flex;      flex-direction: column; \/* MOBILE FIRST: Media top, Copy bottom *\/      gap: 2rem;      margin-bottom: clamp(3rem, 6vw, 5rem);      background-color: var(--bg-body);      border-radius: var(--radius-lg);    }    .feature-media {      width: 100%;    }    .feature-copy {      width: 100%;      display: flex;      flex-direction: column;      justify-content: center;    }    .feature-copy h2 {      color: var(--primary);    }    \/* Desktop Z-Pattern Enhancement *\/    @media (min-width: 768px) {      .hero-section {        flex-direction: row;        align-items: center;      }      .hero-content, .hero-media {        flex: 1;      }      .feature-item {        flex-direction: row; \/* Z-Pattern active *\/        align-items: center;        gap: 4rem;      }      .feature-item:nth-child(even) {        flex-direction: row-reverse;      }      .feature-media, .feature-copy {        flex: 1;      }    }    \/* --- Specifications Table (Card-based on Mobile) --- *\/    .specs-section {      background-color: var(--bg-card);      padding: clamp(2rem, 5vw, 4rem);      border-radius: var(--radius-lg);    }    .specs-section h2 {      text-align: center;      margin-bottom: 2rem;    }    .specs-table {      width: 100%;      border-collapse: collapse;    }    \/* Desktop Table Styles *\/    @media (min-width: 768px) {      .specs-table th, .specs-table td {        padding: 1.25rem;        text-align: left;        border-bottom: 1px solid var(--border-color);        font-size: 18px;      }      .specs-table th {        font-weight: 700;        color: var(--text-main);        width: 35%;      }      .specs-table td {        color: var(--text-sub);      }      .specs-table tbody tr:last-child td,      .specs-table tbody tr:last-child th {        border-bottom: none;      }    }    \/* Mobile Card-based Table (Anti-scroll) *\/    @media (max-width: 767px) {      .specs-table,       .specs-table thead,       .specs-table tbody,       .specs-table tr,       .specs-table th,       .specs-table td {        display: block;        width: 100%;      }            .specs-table thead {        display: none; \/* Hide native header *\/      }            .specs-table tr {        background-color: var(--bg-body);        border: 1px solid var(--border-color);        border-radius: var(--radius-md);        margin-bottom: 1rem;        padding: 1rem;        box-shadow: var(--shadow-sm);      }            .specs-table td {        display: flex;        flex-direction: column;        padding: 0.5rem 0;        font-size: 18px;        color: var(--text-sub);        border-bottom: 1px solid #f1f5f9;      }      .specs-table td:last-child {        border-bottom: none;      }            .specs-table td::before {        content: attr(data-label);        font-weight: 700;        color: var(--text-main);        margin-bottom: 0.25rem;        font-size: 16px;      }    }    \/* --- FAQ Section --- *\/    .faq-section {      padding: clamp(2rem, 5vw, 4rem) 0;    }    .faq-section h2 {      text-align: center;      margin-bottom: clamp(2rem, 4vw, 3rem);    }    .faq-item {      margin-bottom: 2rem;      padding-bottom: 2rem;      border-bottom: 1px solid var(--border-color);    }    .faq-item:last-child {      border-bottom: none;      margin-bottom: 0;      padding-bottom: 0;    }    .faq-question {      font-size: clamp(20px, 2.5vw, 22px);      font-weight: 700;      color: var(--text-main);      margin-bottom: 0.75rem;      position: relative;      padding-left: 2rem;    }    .faq-question::before {      content: \"Q.\";      position: absolute;      left: 0;      color: var(--primary);    }    .faq-answer {      font-size: clamp(18px, 2vw, 20px);      line-height: 1.7;      color: var(--text-sub);      padding-left: 2rem;      margin: 0;    }\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\u003cdiv class=\"hero-section section-spacing\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"badge-container\"\u003e\n\u003cdiv class=\"static-badge\"\u003eDermatologist Tested\u003c\/div\u003e\n\u003cdiv class=\"static-badge highlight\"\u003eUp to 8 Hours Relief\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1\u003eFast, Targeted Pain Relief Where You Need It Most\u003c\/h1\u003e\n\u003cp\u003eAdvanced heat therapy patches designed to soothe back, neck, shoulder, and joint discomfort instantly. Experience clean, flexible, and long-lasting comfort throughout your busy day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- Image Placeholder --\u003e\u003cdiv class=\"media-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260314154606\/dae3960937544c555ef1059fcad17bd6.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-wrapper section-spacing\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"media-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260314154606\/5bd69432a5d6653a1c9d07097d1314d5.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePinpoint Accuracy for Sore Muscles\u003c\/h2\u003e\n\u003ch3\u003eDesigned for your anatomy\u003c\/h3\u003e\n\u003cp\u003eDon't let daily soreness hold you back. Our patches are specifically shaped to contour flawlessly to your back, neck, shoulders, knees, wrists, and ankles.\u003c\/p\u003e\n\u003cp\u003eBy applying the patch directly over the source of your discomfort, you receive temporary, highly effective relief exactly where it hurts—allowing you to move freely and confidently.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"media-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260314154606\/ea7c21dd20da3c6cea4ed1026673839e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eDeep-Penetrating Heat Therapy\u003c\/h2\u003e\n\u003ch3\u003eFast-acting natural ingredients\u003c\/h3\u003e\n\u003cp\u003eFormulated with a powerful, scientifically-backed blend of camphor, menthol, and methyl salicylate. The heat patch begins working almost immediately upon application.\u003c\/p\u003e\n\u003cp\u003eIt delivers a comforting, deep-penetrating warmth that effectively increases localized blood flow, melting away muscle tension and easing joint stiffness without the need for pills.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"media-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260314154606\/4da8ab2daf26d8d2c68b5cbc5c4d98d4.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eFlexible, Clean \u0026amp; Long-Lasting\u003c\/h2\u003e\n\u003ch3\u003eMoves seamlessly with your body\u003c\/h3\u003e\n\u003cp\u003eCrafted from an ultra-thin, highly breathable fabric, the patch stays securely in place whether you are sitting at a desk or engaged in a heavy workout.\u003c\/p\u003e\n\u003cp\u003eEnjoy up to 8 hours of consistent comfort. The non-sticky formula leaves absolutely no residue on your skin, and the light, refreshing scent naturally fades away, making it perfect for discreet everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Table Section --\u003e\u003cdiv class=\"specs-section section-spacing\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\u003ctable class=\"specs-table\"\u003e\t\u003cthead\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eFeature\u003c\/th\u003e\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\t\t\u003c\/tr\u003e\t\u003c\/thead\u003e\t\u003ctbody\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003ePatch Dimensions\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e10 cm x 14 cm (3.9 in x 5.5 in)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eWeight Per Patch\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e5.0 g (0.2 oz)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eActive Ingredients\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eCamphor, Menthol, Methyl Salicylate\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eDuration of Relief\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eUp to 8 continuous hours\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eTarget Areas\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eBack, Neck, Shoulders, Knees, Wrists, Ankles\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eStorage Recommendation\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eStore below 25°C (77°F) away from direct sunlight\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eHow quickly does the heat therapy start working?\u003c\/div\u003e\n\u003cp class=\"faq-answer\"\u003eYou will typically begin to feel a soothing, warming sensation within 5 to 10 minutes of application. This therapeutic heat gradually increases to provide deep muscle and joint relief.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eCan I wear this patch while exercising or working out?\u003c\/div\u003e\n\u003cp class=\"faq-answer\"\u003eAbsolutely. The patch is constructed from a highly flexible, breathable fabric that adheres securely to your skin. It moves seamlessly with your body, making it ideal for active lifestyles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs the scent overpowering or noticeable to others?\u003c\/div\u003e\n\u003cp class=\"faq-answer\"\u003eNot at all. While the patch initially has a mild, refreshing scent derived from its active ingredients (like menthol), this scent naturally and quickly fades after application, ensuring discreet use anywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Martivex","offers":[{"title":"⚪ 1 Box (7 Count)","offer_id":47559012974765,"sku":"0320-17424883","price":12.95,"currency_code":"USD","in_stock":true},{"title":"🔴 3 Boxes (21 Count) - Buy 2 Get 1 Free","offer_id":47559013007533,"sku":"0320-17423805","price":24.95,"currency_code":"USD","in_stock":true},{"title":"💎 5 Boxes (35 Count) - Buy 3 Get 2 Free","offer_id":47559013040301,"sku":"0320-17426302","price":36.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/2491\/3069\/files\/dae3960937544c555ef1059fcad17bd6.jpg?v=1789366124","url":"https:\/\/8thgtr-ys.myshopify.com\/nl\/products\/fast-acting-pain-patch","provider":"Fantasfeelets","version":"1.0","type":"link"}