{"product_id":"nuro-synk-balance-support-patch","title":"Slimifyfit Balance Support Patch-First Page","description":"\u003cmain id=\"MainContent\" class=\"content-for-layout focus-none\" role=\"main\" tabindex=\"-1\"\u003e\n \u003cdiv id=\"shopify-section-template--21655912054972__colors_changer_FgqnEC\" class=\"shopify-section\"\u003e\n\u003cstyle data-shopify=\"\"\u003e\n :root {\n --color-base-text: 46, 42, 57;\n --color-shadow: 46, 42, 57;\n --color-base-background-1: 250, 250, 250;\n --color-base-background-2: 243, 243, 243;\n --color-base-solid-button-labels: 253, 251, 247;\n --color-base-outline-button-labels: 46, 42, 57;\n --color-base-accent-1: 131, 89, 61;\n --color-base-accent-2: 221, 29, 29;\n --payment-terms-background-color: #fafafa;\n \n --gradient-base-background-1: #fafafa;\n --gradient-base-background-2: #f3f3f3;\n --gradient-base-accent-1: #83593d;\n --gradient-base-accent-2: #dd1d1d\n }\n\u003c\/style\u003e\n\n\n\u003c\/div\u003e\n\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_JG6pwt\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_JG6pwt-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_JG6pwt-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_JG6pwt-padding\"\u003e\n \n\n\u003cdiv class=\"slimifyvibe-who\" id=\"slimifyvibe-who\"\u003e\n \u003c!-- Background Decorations --\u003e\n \u003cdiv class=\"slim-bg-decor\"\u003e\n \u003cdiv class=\"slim-bg-orb slim-bg-orb--a\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-bg-orb slim-bg-orb--b\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-bg-orb slim-bg-orb--c\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-bg-grid\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-bg-ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-bg-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"slim-inner\"\u003e\n \u003c!-- Section Header --\u003e\n \u003cdiv class=\"slim-section-header\"\u003e\n \u003cdiv class=\"slim-section-badge\"\u003e⚬ Trusted Support ⚬\u003c\/div\u003e\n \u003ch2 class=\"slim-section-title\"\u003eYou're Not Alone in This\u003c\/h2\u003e\n \u003cp class=\"slim-section-subtitle\"\u003eMillions experience moments where balance doesn't feel as steady. Slimifyfit™ helps you reclaim your movement — without drugs.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Grid: Left Media + Right Cards (Desktop) --\u003e\n \u003cdiv class=\"slim-main-grid\"\u003e\n \u003c!-- LEFT: Media Panel (image replaced) --\u003e\n \u003cdiv class=\"slim-media-panel visible\" aria-label=\"Media showcase\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/%0A%0Afiles\/ChatGPT_Image_2026_7_6__18_16_10.png?v=1783337858\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;\" alt=\"Balance support image\"\u003e\n \u003cdiv class=\"slim-media-shimmer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- RIGHT: Desktop Vertical Cards --\u003e\n \u003cdiv class=\"slim-cards-vertical\" id=\"slimCardsVertical\"\u003e\n \u003c!-- Card 1 --\u003e\n \u003cdiv class=\"slim-card visible\" data-index=\"0\"\u003e\n \u003cdiv class=\"slim-card-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\"\u003e\n \u003cspan class=\"slim-card-header-text\"\u003eOccasional Unsteadiness\u003c\/span\u003e\n \u003cspan class=\"slim-card-toggle\"\u003e+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-body\"\u003e\n \u003cdiv class=\"slim-card-body-inner\"\u003e\n \u003cdiv class=\"slim-card-body-row\"\u003e\n \u003cdiv class=\"slim-card-body-thumb\"\u003e🌀\u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-text\"\u003e\n \u003cstrong\u003eTrigger:\u003c\/strong\u003e\n \u003cspan\u003e\"I feel unsteady when I stand up too fast.\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-row\"\u003e\n \u003cdiv class=\"slim-card-body-thumb\"\u003e⚓\u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-text\"\u003e\n \u003cstrong\u003eSupport Focus: Ground Stability\u003c\/strong\u003e\n \u003cspan\u003eWhen quick changes in position leave you feeling off, our patch helps anchor your body's sense of stability — keeping you grounded and secure.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 2 --\u003e\n \u003cdiv class=\"slim-card visible\" data-index=\"1\"\u003e\n \u003cdiv class=\"slim-card-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\"\u003e\n \u003cspan class=\"slim-card-header-text\"\u003eStair \u0026amp; Walking Confidence\u003c\/span\u003e\n \u003cspan class=\"slim-card-toggle\"\u003e+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-body\"\u003e\n \u003cdiv class=\"slim-card-body-inner\"\u003e\n \u003cdiv class=\"slim-card-body-row\"\u003e\n \u003cdiv class=\"slim-card-body-thumb\"\u003e💭\u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-text\"\u003e\n \u003cstrong\u003eTrigger:\u003c\/strong\u003e\n \u003cspan\u003e\"Stairs make me nervous now.\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-row\"\u003e\n \u003cdiv class=\"slim-card-body-thumb\"\u003e🧭\u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-text\"\u003e\n \u003cstrong\u003eSupport Focus: Daily Movement Confidence\u003c\/strong\u003e\n \u003cspan\u003eWe designed the patch to reinforce your body's spatial awareness and alignment — so every step feels intentional and secure.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 3 --\u003e\n \u003cdiv class=\"slim-card visible\" data-index=\"2\"\u003e\n \u003cdiv class=\"slim-card-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\"\u003e\n \u003cspan class=\"slim-card-header-text\"\u003eCrowded Environments\u003c\/span\u003e\n \u003cspan class=\"slim-card-toggle\"\u003e+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-body\"\u003e\n \u003cdiv class=\"slim-card-body-inner\"\u003e\n \u003cdiv class=\"slim-card-body-row\"\u003e\n \u003cdiv class=\"slim-card-body-thumb\"\u003e🏙️\u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-text\"\u003e\n \u003cstrong\u003eTrigger:\u003c\/strong\u003e\n \u003cspan\u003e\"I feel off-balance in busy places.\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-row\"\u003e\n \u003cdiv class=\"slim-card-body-thumb\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-text\"\u003e\n \u003cstrong\u003eSupport Focus: Spatial Awareness Support\u003c\/strong\u003e\n \u003cspan\u003eThe patch helps quiet sensory overload, keeping you upright and at ease even in bustling environments.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 4 --\u003e\n \u003cdiv class=\"slim-card visible\" data-index=\"3\"\u003e\n \u003cdiv class=\"slim-card-header\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\"\u003e\n \u003cspan class=\"slim-card-header-text\"\u003eAge-Related Balance Changes\u003c\/span\u003e\n \u003cspan class=\"slim-card-toggle\"\u003e+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-body\"\u003e\n \u003cdiv class=\"slim-card-body-inner\"\u003e\n \u003cdiv class=\"slim-card-body-row\"\u003e\n \u003cdiv class=\"slim-card-body-thumb\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-text\"\u003e\n \u003cstrong\u003eTrigger:\u003c\/strong\u003e\n \u003cspan\u003e\"I don't move as freely as I used to.\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-row\"\u003e\n \u003cdiv class=\"slim-card-body-thumb\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"slim-card-body-text\"\u003e\n \u003cstrong\u003eSupport Focus: Everyday Stability Support\u003c\/strong\u003e\n \u003cspan\u003eSlimifyfit™ provides consistent, external support to keep your natural signals clear — empowering confident movement at any age.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Desktop Support Card --\u003e\n \u003cdiv class=\"slim-support-card visible\"\u003e\n \u003cdiv class=\"slim-support-card-inner\"\u003e\n \u003cdiv class=\"slim-support-icon\"\u003e🩺\u003c\/div\u003e\n \u003cdiv class=\"slim-support-text\"\u003e\n \u003cstrong\u003eScience-Backed Support\u003c\/strong\u003e\n \u003cspan\u003eDeveloped with leading stability researchers. Drug-free, non-invasive relief.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.slimifyfit.com\/products\/slimifyvibe-balance-support-patch?variant=47072876626108\" class=\"slim-support-cta\" aria-label=\"Learn more about Slimifyvibe support\"\u003eLearn more →\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- MOBILE: Horizontal Scroll Cards (images replaced) --\u003e\n \u003cdiv class=\"slim-cards-horizontal-wrap\" id=\"slimCardsHorizontalWrap\"\u003e\n \u003cdiv class=\"slim-cards-horizontal\" id=\"slimCardsHorizontal\"\u003e\n \u003c!-- Mobile Card 1 --\u003e\n \u003cdiv class=\"slim-card-h is-active\" data-index=\"0\"\u003e\n \u003cdiv class=\"slim-card-h-media\"\u003e\n \u003cimg class=\"slim-card-h-media-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706174503_001.jpg?v=1783331131\" alt=\"Ground Stability\"\u003e\n \u003cdiv class=\"slim-card-h-media-overlay\"\u003e\n \u003cspan class=\"slim-card-h-media-tag\"\u003eGround Stability\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-h-body\"\u003e\n \u003cspan class=\"slim-card-h-tag\"\u003eOccasional Unsteadiness\u003c\/span\u003e\n \u003ch3 class=\"slim-card-h-title\"\u003eFeel Steady Again\u003c\/h3\u003e\n \u003cp class=\"slim-card-h-desc\"\u003e\"I feel unsteady when I stand up too fast.\" Our patch anchors your body's natural stability response.\u003c\/p\u003e\n \u003cdiv class=\"slim-card-h-extra\"\u003e\n \u003cspan class=\"slim-card-h-extra-icon\"\u003e⚓\u003c\/span\u003e Focus: Ground Stability\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Mobile Card 2 --\u003e\n \u003cdiv class=\"slim-card-h\" data-index=\"1\"\u003e\n \u003cdiv class=\"slim-card-h-media\"\u003e\n \u003cimg class=\"slim-card-h-media-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706174505_001.jpg?v=1783331131\" alt=\"Movement Confidence\"\u003e\n \u003cdiv class=\"slim-card-h-media-overlay\"\u003e\n \u003cspan class=\"slim-card-h-media-tag\"\u003eMovement Confidence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-h-body\"\u003e\n \u003cspan class=\"slim-card-h-tag\"\u003eStair \u0026amp; Walking\u003c\/span\u003e\n \u003ch3 class=\"slim-card-h-title\"\u003eStep With Assurance\u003c\/h3\u003e\n \u003cp class=\"slim-card-h-desc\"\u003e\"Stairs make me nervous now.\" Reinforce spatial awareness for confident daily movement.\u003c\/p\u003e\n \u003cdiv class=\"slim-card-h-extra\"\u003e\n \u003cspan class=\"slim-card-h-extra-icon\"\u003e🧭\u003c\/span\u003e Focus: Daily Confidence\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Mobile Card 3 --\u003e\n \u003cdiv class=\"slim-card-h\" data-index=\"2\"\u003e\n \u003cdiv class=\"slim-card-h-media\"\u003e\n \u003cimg class=\"slim-card-h-media-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706174508_001.jpg?v=1783331131\" alt=\"Spatial Awareness\"\u003e\n \u003cdiv class=\"slim-card-h-media-overlay\"\u003e\n \u003cspan class=\"slim-card-h-media-tag\"\u003eSpatial Awareness\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-h-body\"\u003e\n \u003cspan class=\"slim-card-h-tag\"\u003eCrowded Environments\u003c\/span\u003e\n \u003ch3 class=\"slim-card-h-title\"\u003eStay Centered in Chaos\u003c\/h3\u003e\n \u003cp class=\"slim-card-h-desc\"\u003e\"I feel off-balance in busy places.\" Quiet sensory overload, remain upright and at ease.\u003c\/p\u003e\n \u003cdiv class=\"slim-card-h-extra\"\u003e\n \u003cspan class=\"slim-card-h-extra-icon\"\u003e🎯\u003c\/span\u003e Focus: Sensory Calm\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Mobile Card 4 --\u003e\n \u003cdiv class=\"slim-card-h\" data-index=\"3\"\u003e\n \u003cdiv class=\"slim-card-h-media\"\u003e\n \u003cimg class=\"slim-card-h-media-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706174510_001.jpg?v=1783331131\" alt=\"Everyday Stability\"\u003e\n \u003cdiv class=\"slim-card-h-media-overlay\"\u003e\n \u003cspan class=\"slim-card-h-media-tag\"\u003eEveryday Stability\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-h-body\"\u003e\n \u003cspan class=\"slim-card-h-tag\"\u003eAge-Related Changes\u003c\/span\u003e\n \u003ch3 class=\"slim-card-h-title\"\u003eMove Freely Again\u003c\/h3\u003e\n \u003cp class=\"slim-card-h-desc\"\u003e\"I don't move as freely as I used to.\" Consistent support for confident movement at any age.\u003c\/p\u003e\n \u003cdiv class=\"slim-card-h-extra\"\u003e\n \u003cspan class=\"slim-card-h-extra-icon\"\u003e🛡️\u003c\/span\u003e Focus: Daily Stability\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Mobile Support Card --\u003e\n \u003cdiv class=\"slim-card-h slim-card-h--support\" data-index=\"4\"\u003e\n \u003cdiv class=\"slim-card-h-media\"\u003e\n \u003cimg class=\"slim-card-h-media-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134230_001_db006d6e-bf91-4241-965b-74f8bdf2ae52.jpg?v=1783419619\" alt=\"Science-Backed Support\"\u003e\n \u003cdiv class=\"slim-card-h-media-overlay\"\u003e\n \u003cspan class=\"slim-card-h-media-tag\"\u003eScience-Backed\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-card-h-body\"\u003e\n \u003cspan class=\"slim-card-h-tag\"\u003eProfessional Grade\u003c\/span\u003e\n \u003ch3 class=\"slim-card-h-title\"\u003eTrusted Support\u003c\/h3\u003e\n \u003cp class=\"slim-card-h-desc\"\u003eDeveloped with leading stability researchers. Drug-free, non-invasive relief you can rely on.\u003c\/p\u003e\n \u003cdiv class=\"slim-card-h-extra\"\u003e\n \u003cspan class=\"slim-card-h-extra-icon\"\u003e🔬\u003c\/span\u003e Clinically Informed Design\n \u003c\/div\u003e\n \u003cspan class=\"slim-support-badge-mobile\" role=\"button\" tabindex=\"0\"\u003eLearn More →\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Scroll Dots Indicator --\u003e\n \u003cdiv class=\"slim-scroll-dots\" id=\"slimScrollDots\"\u003e\n \u003cspan class=\"slim-scroll-dot is-active\" data-dot=\"0\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-scroll-dot\" data-dot=\"1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-scroll-dot\" data-dot=\"2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-scroll-dot\" data-dot=\"3\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-scroll-dot slim-scroll-dot--support\" data-dot=\"4\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle data-shopify=\"\"\u003e\n\n\n.slimifyvibe-who {\n --brand: #fd8e03;\n --neutral-dark: #1E2A32;\n --sub-text: #6B7B83;\n --border: #E2E6EA;\n background: #fefcf8;\nmargin:20px auto;\n padding: 44px 16px 52px;\n position: relative;\n overflow: hidden;\n isolation: isolate;\n font-family: 'Inter', 'SF Pro Display', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n--brand: #fd8e03;\n --brand-deep: #c56e00;\n --brand-soft: rgba(253, 142, 3, 0.10);\n --brand-glow: rgba(253, 142, 3, 0.16);\n --neutral-dark: #1E2A32;\n --neutral-mid: #3a4852;\n --sub-text: #6B7B83;\n --border: #E2E6EA;\n --bg-warm: #FDFBF7;\n --bg-cream: #fdf5ea;\n --card-bg: #FDFBF7;\n --support-dark: #141b22;\n --support-surface: #1a232b;\n --white: #ffffff;\n --shadow-xs: 0 1px 2px rgba(30, 42, 50, 0.04);\n --shadow-sm: 0 1px 4px rgba(30, 42, 50, 0.06);\n --shadow-md: 0 8px 28px rgba(30, 42, 50, 0.09);\n --shadow-lg: 0 18px 48px rgba(30, 42, 50, 0.13);\n --shadow-xl: 0 24px 64px rgba(30, 42, 50, 0.16);\n --shadow-glow: 0 0 70px rgba(253, 142, 3, 0.10);\n --radius-sm: 10px;\n --radius-md: 18px;\n --radius-lg: 24px;\n --radius-xl: 30px;\n --radius-2xl: 36px;\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);\n --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n --ease-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);\n}\n\n.slim-bg-decor {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n}\n.slim-bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(90px);\n opacity: 0.07;\n animation: slimOrbFloat 16s ease-in-out infinite;\n}\n.slim-bg-orb--a {\n width: 440px;\n height: 440px;\n background: radial-gradient(circle at 60% 40%, #fd8e03 0%, transparent 70%);\n top: -8%;\n right: -10%;\n}\n.slim-bg-orb--b {\n width: 360px;\n height: 360px;\n background: radial-gradient(circle at 40% 55%, #e8b860 0%, transparent 70%);\n bottom: -14%;\n left: -7%;\n animation-delay: -7s;\n opacity: 0.06;\n}\n.slim-bg-orb--c {\n width: 260px;\n height: 260px;\n background: radial-gradient(circle at 50% 50%, #f5d5a0 0%, transparent 70%);\n top: 44%;\n left: 55%;\n transform: translate(-50%, -50%);\n animation-delay: -12s;\n opacity: 0.05;\n}\n@keyframes slimOrbFloat {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 20% { transform: translate(35px, -28px) scale(1.09); }\n 40% { transform: translate(-18px, 22px) scale(0.93); }\n 60% { transform: translate(-32px, -14px) scale(1.06); }\n 80% { transform: translate(20px, 10px) scale(0.96); }\n}\n.slim-bg-grid {\n position: absolute;\n inset: 0;\n opacity: 0.022;\n background-image:\n linear-gradient(rgba(30, 42, 50, 0.5) 1px, transparent 1px),\n linear-gradient(90deg, rgba(30, 42, 50, 0.5) 1px, transparent 1px);\n background-size: 56px 56px;\n mask-image: radial-gradient(ellipse at center, black 28%, transparent 72%);\n -webkit-mask-image: radial-gradient(ellipse at center, black 28%, transparent 72%);\n}\n.slim-bg-ring {\n position: absolute;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n border: 1.5px solid rgba(253, 142, 3, 0.08);\n top: 12%;\n right: 6%;\n animation: slimRingSpin 20s linear infinite;\n pointer-events: none;\n z-index: 0;\n}\n.slim-bg-ring::before {\n content: '';\n position: absolute;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: rgba(253, 142, 3, 0.22);\n top: -11px;\n left: 50%;\n transform: translateX(-50%);\n box-shadow: 0 0 28px rgba(253, 142, 3, 0.35);\n animation: slimDotPulse 3.5s ease-in-out infinite;\n}\n@keyframes slimRingSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n@keyframes slimDotPulse {\n 0%, 100% { box-shadow: 0 0 28px rgba(253, 142, 3, 0.35); transform: translateX(-50%) scale(1); }\n 50% { box-shadow: 0 0 50px rgba(253, 142, 3, 0.6); transform: translateX(-50%) scale(1.45); }\n}\n.slim-bg-line {\n position: absolute;\n width: 1px;\n height: 120px;\n background: linear-gradient(to bottom, transparent, rgba(253, 142, 3, 0.12), transparent);\n top: 20%;\n left: 18%;\n animation: slimLineDrift 9s ease-in-out infinite;\n pointer-events: none;\n z-index: 0;\n opacity: 0.5;\n}\n@keyframes slimLineDrift {\n 0%, 100% { top: 20%; opacity: 0.4; }\n 50% { top: 26%; opacity: 0.75; }\n}\n\n.slim-inner {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n}\n\n.slim-section-header {\n text-align: center;\n margin-bottom: 38px;\n}\n.slim-section-badge {\n display: inline-block;\n font-size: 1.15rem;\n font-weight: 500;\n letter-spacing: 0.07em;\n text-transform: uppercase;\n color: #b05d00;\n background: rgba(253, 142, 3, 0.08);\n padding: 7px 18px;\n border-radius: 50px;\n margin-bottom: 16px;\n border: 1px solid rgba(253, 142, 3, 0.16);\n}\n.slim-section-title {\n font-size: 2.3rem;\n font-weight: 800;\n color: var(--neutral-dark);\n line-height: 1.08;\n letter-spacing: -0.025em;\n margin-bottom: 10px;\n}\n.slim-section-subtitle {\n font-size: 1.3rem;\n font-weight: 600;\n color: #4A4A4A;\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.45;\n letter-spacing: -0.01em;\n}\n\n.slim-main-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n align-items: start;\n}\n\n.slim-media-panel {\n position: relative;\n border-radius: var(--radius-2xl);\n overflow: hidden;\n background: linear-gradient(155deg, #fdf5ea 0%, #f0e4d5 38%, #e8d9c4 100%);\n aspect-ratio: 1\/1;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-xl), var(--shadow-glow);\n cursor: pointer;\n transition: transform 0.5s var(--ease-smooth), box-shadow 0.5s var(--ease-smooth);\n isolation: isolate;\n min-height: 360px;\n z-index: 1;\n}\n.slim-media-panel:hover {\n transform: translateY(-5px);\n box-shadow: 0 28px 64px rgba(30, 42, 50, 0.17), 0 0 90px rgba(253, 142, 3, 0.14);\n}\n.slim-media-panel::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 50%, rgba(30, 42, 50, 0.05) 100%);\n z-index: 2;\n pointer-events: none;\n}\n.slim-media-placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 14px;\n z-index: 1;\n opacity: 0.5;\n transition: opacity 0.4s var(--ease-smooth);\n}\n.slim-media-panel:hover .slim-media-placeholder {\n opacity: 0.65;\n}\n.slim-media-icon {\n font-size: 88px;\n filter: drop-shadow(0 12px 28px rgba(0,0,0,0.07));\n animation: slimIconBreathe 5.5s ease-in-out infinite;\n line-height: 1;\n}\n@keyframes slimIconBreathe {\n 0%, 100% { transform: translateY(0) scale(1); }\n 30% { transform: translateY(-16px) scale(1.04); }\n 60% { transform: translateY(4px) scale(0.97); }\n}\n.slim-media-label {\n font-size: 1.15rem;\n font-weight: 500;\n color: #6B7B83;\n letter-spacing: 0.04em;\n text-align: center;\n padding: 0 22px;\n line-height: 1.4;\n}\n.slim-media-shimmer {\n position: absolute;\n width: 55%;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(253, 142, 3, 0.45), transparent);\n top: 30%;\n left: 22.5%;\n z-index: 3;\n animation: slimShimmerDrift 4.5s ease-in-out infinite;\n pointer-events: none;\n border-radius: 2px;\n}\n@keyframes slimShimmerDrift {\n 0%, 100% { top: 30%; opacity: 0.4; }\n 50% { top: 34%; opacity: 0.85; }\n}\n\n.slim-cards-vertical {\n display: flex;\n flex-direction: column;\n gap: 9px;\n}\n.slim-card {\n background: var(--card-bg);\n border-radius: var(--radius-lg);\n border: 1px solid var(--border);\n cursor: pointer;\n transition: all 0.4s var(--ease-smooth);\n position: relative;\n overflow: hidden;\n box-shadow: var(--shadow-xs);\n will-change: transform, box-shadow, border-color;\n}\n.slim-card:hover {\n border-color: rgba(253, 142, 3, 0.20);\n box-shadow: var(--shadow-md);\n transform: translateY(-2px);\n}\n.slim-card.is-open {\n border-color: rgba(253, 142, 3, 0.30);\n box-shadow: var(--shadow-md), 0 0 0 3px rgba(253, 142, 3, 0.04);\n transform: none;\n background: #fffefb;\n}\n.slim-card-header {\n padding: 17px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n font-size: 1.7rem;\n color: var(--neutral-dark);\n user-select: none;\n -webkit-user-select: none;\n gap: 12px;\n letter-spacing: -0.012em;\n transition: color 0.35s var(--ease-smooth);\n line-height: 1.2;\n}\n.slim-card.is-open .slim-card-header {\n color: #b05d00;\n}\n.slim-card-header-text {\n flex: 1;\n line-height: 1.25;\n}\n.slim-card-toggle {\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n border-radius: 50%;\n background: rgba(253, 142, 3, 0.07);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.35rem;\n font-weight: 500;\n color: var(--brand);\n transition: all 0.4s var(--ease-spring);\n line-height: 1;\n}\n.slim-card.is-open .slim-card-toggle {\n transform: rotate(45deg);\n background: rgba(253, 142, 3, 0.16);\n color: #c56e00;\n}\n.slim-card-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s var(--ease-smooth), padding 0.4s var(--ease-smooth);\n padding: 0 20px;\n font-size: 1.15rem;\n color: var(--sub-text);\n line-height: 1.55;\n}\n.slim-card.is-open .slim-card-body {\n padding-bottom: 18px;\n}\n.slim-card-body-inner {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-top: 2px;\n}\n.slim-card-body-row {\n display: flex;\n gap: 14px;\n align-items: flex-start;\n}\n.slim-card-body-thumb {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n border-radius: var(--radius-sm);\n background: linear-gradient(135deg, #fdf5ea, #f0e4d5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n box-shadow: var(--shadow-xs);\n}\n.slim-card-body-text {\n flex: 1;\n}\n.slim-card-body-text strong {\n display: block;\n font-weight: 600;\n color: var(--neutral-dark);\n font-size: 1.15rem;\n margin-bottom: 1px;\n letter-spacing: -0.005em;\n}\n.slim-card-body-text span {\n font-weight: 600;\n color: var(--sub-text);\n font-size: 1.25rem;\n line-height: 1.5;\n}\n\n.slim-support-card {\n background: var(--support-surface);\n border-radius: var(--radius-lg);\n border: 1px solid rgba(255,255,255,0.07);\n padding: 20px 22px;\n margin-top: 6px;\n position: relative;\n box-shadow: 0 14px 38px rgba(0,0,0,0.24), 0 0 0 1px rgba(253,142,3,0.13);\n transform: translateY(0);\n transition: all 0.4s var(--ease-smooth);\n cursor: default;\n z-index: 2;\n}\n.slim-support-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 48px rgba(0,0,0,0.32), 0 0 0 2px rgba(253,142,3,0.22);\n}\n.slim-support-card-inner {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-wrap: wrap;\n}\n.slim-support-icon {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: rgba(253,142,3,0.13);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n box-shadow: 0 0 22px rgba(253,142,3,0.18);\n}\n.slim-support-text {\n flex: 1;\n min-width: 150px;\n}\n.slim-support-text strong {\n display: block;\n font-weight: 700;\n color: #ffffff;\n font-size: 1.3rem;\n letter-spacing: -0.01em;\n margin-bottom: 2px;\n}\n.slim-support-text span {\n font-weight: 400;\n color: #bcc5ca;\n font-size: 1.15rem;\n line-height: 1.4;\n}\n.slim-support-cta {\n flex-shrink: 0;\n display: inline-block;\n padding: 10px 22px;\n border-radius: 50px;\n background: var(--brand);\n color: #fff;\n font-weight: 700;\n font-size: 1.15rem;\n letter-spacing: 0.02em;\n text-decoration: none;\n transition: all 0.35s var(--ease-smooth);\n cursor: pointer;\n border: none;\n white-space: nowrap;\n box-shadow: 0 6px 22px rgba(253,142,3,0.32);\n}\n.slim-support-cta:hover {\n background: #e67e00;\n box-shadow: 0 10px 30px rgba(253,142,3,0.48);\n transform: scale(1.05);\n}\n\n\/* Mobile horizontal scroll *\/\n.slim-cards-horizontal-wrap {\n display: none;\n position: relative;\n margin-top: 6px;\n}\n.slim-cards-horizontal {\n display: flex;\n gap: 14px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scroll-behavior: smooth;\n padding: 6px 4px 22px 4px;\n -ms-overflow-style: none;\n scrollbar-width: none;\n scroll-padding: 0 12px;\n}\n.slim-cards-horizontal::-webkit-scrollbar { display: none; }\n.slim-cards-horizontal \u003e * {\n scroll-snap-align: center;\n flex-shrink: 0;\n}\n\n.slim-card-h {\n width: 82vw;\n max-width: 380px;\n min-width: 270px;\n background: var(--card-bg);\n border-radius: var(--radius-xl);\n border: 1px solid var(--border);\n box-shadow: var(--shadow-md);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n transition: transform 0.35s var(--ease-spring), box-shadow 0.4s var(--ease-smooth);\n cursor: pointer;\n position: relative;\n user-select: none;\n -webkit-user-select: none;\n}\n.slim-card-h.is-active {\n border-color: rgba(253,142,3,0.35);\n box-shadow: var(--shadow-lg), 0 0 0 3px rgba(253,142,3,0.05);\n transform: translateY(-2px);\n}\n.slim-card-h-media {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n background: linear-gradient(148deg, #fdf5ea 0%, #f0e4d5 40%, #e4d5be 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 64px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n}\n.slim-card-h-media::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 50px;\n background: linear-gradient(to top, rgba(253,251,247,0.75), transparent);\n pointer-events: none;\n z-index: 2;\n}\n.slim-card-h-media-img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n}\n.slim-card-h-media-overlay {\n position: absolute;\n bottom: 12px;\n left: 12px;\n right: 12px;\n z-index: 3;\n display: flex;\n align-items: flex-end;\n gap: 8px;\n flex-wrap: wrap;\n}\n.slim-card-h-media-tag {\n display: inline-block;\n font-size: 1.05rem;\n font-weight: 600;\n color: #fff;\n background: rgba(30,42,50,0.7);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n padding: 6px 13px;\n border-radius: 50px;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n border: 1px solid rgba(255,255,255,0.2);\n}\n.slim-card-h-body {\n padding: 16px 16px 18px;\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n}\n.slim-card-h-tag {\n font-size: 1.05rem;\n font-weight: 500;\n color: #c56e00;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n.slim-card-h-title {\n font-size: 1.3rem;\n font-weight: 800;\n color: var(--neutral-dark);\n letter-spacing: -0.015em;\n line-height: 1.2;\n}\n.slim-card-h-desc {\n font-size: 1.05rem;\n font-weight: 400;\n color: var(--sub-text);\n line-height: 1.45;\n}\n.slim-card-h-extra {\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--neutral-dark);\n margin-top: 4px;\n padding-top: 10px;\n border-top: 1px solid var(--border);\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.slim-card-h-extra-icon {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n background: rgba(253,142,3,0.09);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n flex-shrink: 0;\n}\n\n\/* Dark support card *\/\n.slim-card-h--support {\n background: var(--support-dark);\n border: 1px solid rgba(255,255,255,0.08);\n box-shadow: 0 18px 44px rgba(0,0,0,0.32), 0 0 0 2px rgba(253,142,3,0.18);\n transform: translateY(-8px);\n z-index: 5;\n}\n.slim-card-h--support .slim-card-h-media {\n background: linear-gradient(148deg, #1e2830 0%, #151c22 50%, #0f151a 100%);\n font-size: 52px;\n}\n.slim-card-h--support .slim-card-h-media::after {\n background: linear-gradient(to top, rgba(20,27,34,0.75), transparent);\n}\n.slim-card-h--support .slim-card-h-tag { color: #fd8e03; }\n.slim-card-h--support .slim-card-h-title { color: #ffffff; }\n.slim-card-h--support .slim-card-h-desc { color: #bcc5ca; }\n.slim-card-h--support .slim-card-h-extra {\n border-top-color: rgba(255,255,255,0.10);\n color: #ffffff;\n}\n.slim-card-h--support .slim-card-h-extra-icon {\n background: rgba(253,142,3,0.18);\n}\n.slim-card-h--support .slim-card-h-media-tag {\n background: rgba(253,142,3,0.75);\n color: #fff;\n border-color: rgba(255,255,255,0.3);\n}\n.slim-support-badge-mobile {\n display: inline-block;\n background: var(--brand);\n color: #fff;\n font-size: 1.05rem;\n font-weight: 700;\n padding: 7px 16px;\n border-radius: 50px;\n letter-spacing: 0.03em;\n margin-top: 4px;\n align-self: flex-start;\n box-shadow: 0 5px 16px rgba(253,142,3,0.38);\n cursor: pointer;\n}\n\n.slim-scroll-dots {\n display: flex;\n justify-content: center;\n gap: 7px;\n margin-top: 10px;\n padding-bottom: 4px;\n flex-wrap: wrap;\n}\n.slim-scroll-dot {\n width: 9px;\n height: 9px;\n border-radius: 50%;\n background: #d5dce0;\n transition: all 0.35s var(--ease-smooth);\n cursor: pointer;\n flex-shrink: 0;\n}\n.slim-scroll-dot.is-active {\n background: var(--brand);\n width: 26px;\n border-radius: 20px;\n box-shadow: 0 0 14px rgba(253,142,3,0.45);\n}\n.slim-scroll-dot--support.is-active {\n background: #fff;\n box-shadow: 0 0 18px rgba(255,255,255,0.55), 0 0 0 2px rgba(253,142,3,0.3);\n}\n\n\/* Responsive *\/\n@media (min-width: 768px) {\n .slimifyvibe-who { padding: 64px 36px 72px; }\n .slim-section-header { margin-bottom: 46px; }\n .slim-section-badge { font-size: 1.15rem; padding: 8px 22px; margin-bottom: 18px; }\n .slim-section-title { font-size: 4.2rem; margin-bottom: 12px; }\n .slim-section-subtitle { font-size: 1.7rem; max-width: 680px; }\n .slim-main-grid { grid-template-columns: 1fr 1fr; gap: 46px; }\n .slim-media-panel { position: sticky; top: 28px; aspect-ratio: 1\/1; min-height: 460px; }\n .slim-media-icon { font-size: 100px; }\n .slim-cards-horizontal-wrap { display: none !important; }\n .slim-scroll-dots { display: none; }\n .slim-cards-vertical { display: flex; }\n}\n@media (max-width: 767px) {\n .slimifyvibe-who { padding: 36px 12px 48px; }\n .slim-section-header { margin-bottom: 20px; }\n .slim-section-badge { font-size: 1.05rem; padding: 6px 14px; margin-bottom: 10px; }\n .slim-section-title { font-size: 2.3rem; margin-bottom: 6px; }\n .slim-section-subtitle { font-size: 1.3rem; }\n .slim-main-grid { grid-template-columns: 1fr; gap: 16px; }\n .slim-media-panel { aspect-ratio: 1\/1; min-height: 200px; border-radius: var(--radius-xl); }\n .slim-media-icon { font-size: 56px; }\n .slim-media-shimmer { display: none; }\n .slim-cards-vertical { display: none !important; }\n .slim-cards-horizontal-wrap { display: block; }\n .slim-scroll-dots { display: flex; }\n .slim-card-h-tag { font-size: 1.05rem; }\n .slim-card-h-title { font-size: 1.3rem; }\n .slim-card-h-desc { font-size: 1.05rem; }\n .slim-card-h-extra { font-size: 1.05rem; }\n .slim-card-h-media-tag { font-size: 1.05rem; }\n .slim-support-badge-mobile { font-size: 1.05rem; }\n .slim-support-card { display: none !important; }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function() {\n const slimToggleCard = function(header) {\n const card = header.parentElement;\n const body = card.querySelector('.slim-card-body');\n const isOpen = card.classList.contains('is-open');\n const allCards = card.parentElement.querySelectorAll('.slim-card');\n\n allCards.forEach(c =\u003e {\n if (c !== card \u0026\u0026 c.classList.contains('is-open')) {\n const otherBody = c.querySelector('.slim-card-body');\n c.classList.remove('is-open');\n c.querySelector('.slim-card-header').setAttribute('aria-expanded', 'false');\n if (otherBody) otherBody.style.maxHeight = '0px';\n }\n });\n\n if (isOpen) {\n card.classList.remove('is-open');\n header.setAttribute('aria-expanded', 'false');\n body.style.maxHeight = '0px';\n } else {\n card.classList.add('is-open');\n header.setAttribute('aria-expanded', 'true');\n body.style.maxHeight = body.scrollHeight + 'px';\n }\n };\n\n document.querySelectorAll('.slim-card-header').forEach(header =\u003e {\n header.addEventListener('click', function(e) {\n slimToggleCard(this);\n });\n header.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n slimToggleCard(this);\n }\n });\n });\n\n const scrollContainer = document.getElementById('slimCardsHorizontal');\n const dots = document.querySelectorAll('.slim-scroll-dot');\n const mobileCards = document.querySelectorAll('.slim-card-h');\n let scrollVelocity = 0, lastScrollLeft = 0, lastTime = Date.now(), animationFrameId = null;\n\n function updateActiveCard() {\n if (!scrollContainer) return;\n const scrollLeft = scrollContainer.scrollLeft;\n const containerWidth = scrollContainer.clientWidth;\n const center = scrollLeft + containerWidth \/ 2;\n let activeIndex = 0, minDistance = Infinity;\n mobileCards.forEach((card, i) =\u003e {\n const cardCenter = card.offsetLeft + card.offsetWidth \/ 2;\n const distance = Math.abs(center - cardCenter);\n if (distance \u003c minDistance) { minDistance = distance; activeIndex = i; }\n });\n mobileCards.forEach((card, i) =\u003e card.classList.toggle('is-active', i === activeIndex));\n dots.forEach((dot, i) =\u003e dot.classList.toggle('is-active', i === activeIndex));\n }\n\n function applyInertiaScroll() {\n if (Math.abs(scrollVelocity) \u003c 0.4) {\n snapToNearestCard();\n animationFrameId = null;\n return;\n }\n scrollContainer.scrollLeft += scrollVelocity;\n scrollVelocity *= 0.91;\n updateActiveCard();\n animationFrameId = requestAnimationFrame(applyInertiaScroll);\n }\n\n function snapToNearestCard() {\n const center = scrollContainer.scrollLeft + scrollContainer.clientWidth \/ 2;\n let bestCard = null, minDist = Infinity;\n mobileCards.forEach(card =\u003e {\n const cardCenter = card.offsetLeft + card.offsetWidth \/ 2;\n const dist = Math.abs(center - cardCenter);\n if (dist \u003c minDist) { minDist = dist; bestCard = card; }\n });\n if (bestCard) {\n const targetScroll = bestCard.offsetLeft + bestCard.offsetWidth \/ 2 - scrollContainer.clientWidth \/ 2;\n scrollContainer.scrollTo({ left: Math.max(0, targetScroll), behavior: 'smooth' });\n }\n }\n\n if (scrollContainer) {\n scrollContainer.addEventListener('scroll', () =\u003e {\n const now = Date.now(), dt = now - lastTime;\n if (dt \u003e 0) scrollVelocity = (scrollContainer.scrollLeft - lastScrollLeft) \/ dt * 16;\n lastScrollLeft = scrollContainer.scrollLeft;\n lastTime = now;\n updateActiveCard();\n clearTimeout(scrollContainer._timeout);\n scrollContainer._timeout = setTimeout(() =\u003e {\n if (Math.abs(scrollVelocity) \u003e 0.4) animationFrameId = requestAnimationFrame(applyInertiaScroll);\n else snapToNearestCard();\n }, 70);\n });\n scrollContainer.addEventListener('touchstart', () =\u003e {\n if (animationFrameId) cancelAnimationFrame(animationFrameId);\n scrollVelocity = 0;\n }, { passive: true });\n scrollContainer.addEventListener('touchend', () =\u003e {\n lastTime = Date.now(); lastScrollLeft = scrollContainer.scrollLeft;\n setTimeout(() =\u003e {\n if (Math.abs(scrollVelocity) \u003e 0.4) animationFrameId = requestAnimationFrame(applyInertiaScroll);\n else snapToNearestCard();\n }, 25);\n }, { passive: true });\n updateActiveCard();\n }\n\n dots.forEach(dot =\u003e {\n dot.addEventListener('click', () =\u003e {\n const index = parseInt(dot.getAttribute('data-dot'));\n const card = mobileCards[index];\n if (card \u0026\u0026 scrollContainer) {\n const targetScroll = card.offsetLeft + card.offsetWidth \/ 2 - scrollContainer.clientWidth \/ 2;\n scrollContainer.scrollTo({ left: Math.max(0, targetScroll), behavior: 'smooth' });\n if (animationFrameId) cancelAnimationFrame(animationFrameId);\n scrollVelocity = 0;\n }\n });\n });\n\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n }, { threshold: 0.12 });\n document.querySelectorAll('.slim-card, .slim-card-h, .slim-support-card, .slim-media-panel').forEach(el =\u003e observer.observe(el));\n setTimeout(() =\u003e {\n document.querySelectorAll('.slim-card, .slim-card-h, .slim-support-card, .slim-media-panel').forEach((el,i) =\u003e { if(i\u003c4) el.classList.add('visible'); });\n }, 150);\n }\n})();\n\u003c\/script\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_bapmnV\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_bapmnV-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_bapmnV-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_bapmnV-padding\"\u003e\n \n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSlimifyfit™ Balance Patch\u003c\/title\u003e\n \u003cstyle\u003e\n \/* ============ 所有变量与样式限定在 #slimifyvibe-hero 内 ============ *\/\n #slimifyvibe-hero {\n --brand: #fd8e03;\n --brand-deep: #e07b00;\n --brand-glow: rgba(253, 142, 3, 0.35);\n --gold: #c9a96e;\n --gold-soft: rgba(201, 169, 110, 0.25);\n --terracotta: #C17A60;\n --surface-warm: #FDFBF7;\n --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);\n --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.06);\n --shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.09);\n --shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.11);\n --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(201, 169, 110, 0.15);\n --shadow-card-hover: 0 30px 80px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(201, 169, 110, 0.25);\n --radius-sm: 12px;\n --radius-md: 18px;\n --radius-lg: 22px;\n --radius-xl: 28px;\n --radius-full: 50%;\n --font-display: 'Inter', 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif;\n --font-body: 'Inter', 'SF Pro Text', 'Segoe UI', system-ui, -apple-system, sans-serif;\n\n position: relative;\n background:\n radial-gradient(ellipse at 50% 0%, rgba(253, 142, 3, 0.06) 0%, transparent 55%),\n radial-gradient(ellipse at 85% 20%, rgba(201, 169, 110, 0.08) 0%, transparent 50%),\n radial-gradient(ellipse at 15% 70%, rgba(27, 126, 90, 0.04) 0%, transparent 50%),\n linear-gradient(175deg, #FDFBF7 0%, #f7f2e8 25%, #f2ede2 50%, #f6f8f4 80%, #FDFBF7 100%);\n padding: 50px 16px;\n overflow: hidden;\n font-family: var(--font-body);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n #slimifyvibe-hero *,\n #slimifyvibe-hero *::before,\n #slimifyvibe-hero *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* ============ 背景氛围装饰 ============ *\/\n #slimifyvibe-hero .slimifyvibe-hero-ambient {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n }\n #slimifyvibe-hero .slimifyvibe-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.5;\n animation: slimifyvibe-orbBreathe 8s ease-in-out infinite;\n }\n #slimifyvibe-hero .slimifyvibe-orb--gold {\n width: 380px;\n height: 380px;\n background: rgba(253, 142, 3, 0.09);\n top: -120px;\n right: -100px;\n animation-delay: 0s;\n }\n #slimifyvibe-hero .slimifyvibe-orb--sage {\n width: 260px;\n height: 260px;\n background: rgba(140, 160, 140, 0.07);\n bottom: -80px;\n left: -80px;\n animation-delay: -4s;\n }\n #slimifyvibe-hero .slimifyvibe-orb--warm {\n width: 200px;\n height: 200px;\n background: rgba(193, 122, 96, 0.06);\n top: 30%;\n left: 50%;\n animation-delay: -2s;\n filter: blur(70px);\n }\n @keyframes slimifyvibe-orbBreathe {\n 0%, 100% { transform: scale(1); opacity: 0.45; }\n 40% { transform: scale(1.25); opacity: 0.7; }\n 70% { transform: scale(0.9); opacity: 0.35; }\n }\n #slimifyvibe-hero .slimifyvibe-geo-ring {\n position: absolute;\n border-radius: 50%;\n border: 1.5px solid rgba(201, 169, 110, 0.22);\n pointer-events: none;\n animation: slimifyvibe-ringSpin 40s linear infinite;\n }\n #slimifyvibe-hero .slimifyvibe-geo-ring--1 {\n width: 320px; height: 320px; top: -60px; right: -100px;\n border-style: dashed; border-width: 1px; border-color: rgba(201, 169, 110, 0.3);\n animation-duration: 50s; animation-direction: reverse;\n }\n #slimifyvibe-hero .slimifyvibe-geo-ring--2 {\n width: 160px; height: 160px; bottom: 8%; left: -40px;\n border-color: rgba(253, 142, 3, 0.15); border-width: 1px; animation-duration: 35s;\n }\n #slimifyvibe-hero .slimifyvibe-geo-ring--3 {\n width: 100px; height: 100px; top: 20%; right: 8%;\n border-color: rgba(140, 160, 140, 0.2); border-width: 1px; animation-duration: 28s;\n }\n @keyframes slimifyvibe-ringSpin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n #slimifyvibe-hero .slimifyvibe-sparkle {\n position: absolute; width: 3px; height: 3px; border-radius: 50%;\n background: var(--gold); pointer-events: none;\n animation: slimifyvibe-sparkleFloat 6s ease-in-out infinite; opacity: 0;\n }\n #slimifyvibe-hero .slimifyvibe-sparkle--1 { top: 15%; left: 10%; animation-delay: 0s; background: #c9a96e; }\n #slimifyvibe-hero .slimifyvibe-sparkle--2 { top: 22%; right: 18%; animation-delay: -2s; width: 2.5px; height: 2.5px; background: #fd8e03; }\n #slimifyvibe-hero .slimifyvibe-sparkle--3 { bottom: 20%; left: 25%; animation-delay: -4s; width: 3.5px; height: 3.5px; background: #c9a96e; }\n #slimifyvibe-hero .slimifyvibe-sparkle--4 { top: 40%; right: 10%; animation-delay: -1.5s; width: 2px; height: 2px; background: #C17A60; }\n #slimifyvibe-hero .slimifyvibe-sparkle--5 { bottom: 35%; right: 30%; animation-delay: -5s; width: 3px; height: 3px; background: #c9a96e; }\n #slimifyvibe-hero .slimifyvibe-sparkle--6 { top: 55%; left: 8%; animation-delay: -3s; width: 2px; height: 2px; background: #fd8e03; }\n @keyframes slimifyvibe-sparkleFloat {\n 0%, 100% { opacity: 0; transform: translateY(0) scale(0.5); }\n 15% { opacity: 0.9; transform: translateY(-18px) scale(1.3); }\n 30% { opacity: 0.3; transform: translateY(-30px) scale(0.7); }\n 50% { opacity: 0.7; transform: translateY(-12px) scale(1.1); }\n 70% { opacity: 0.1; transform: translateY(-25px) scale(0.4); }\n 85% { opacity: 0.5; transform: translateY(-6px) scale(0.9); }\n }\n #slimifyvibe-hero .slimifyvibe-dot-line {\n position: absolute; pointer-events: none; opacity: 0.35;\n }\n #slimifyvibe-hero .slimifyvibe-dot-line--1 {\n top: 28%; right: 6%; width: 60px; height: 60px;\n border-right: 1.5px dotted rgba(201, 169, 110, 0.4); border-top: 1.5px dotted rgba(201, 169, 110, 0.4);\n border-radius: 0 30px 0 0; animation: slimifyvibe-dotPulse 5s ease-in-out infinite;\n }\n #slimifyvibe-hero .slimifyvibe-dot-line--2 {\n bottom: 18%; left: 5%; width: 40px; height: 40px;\n border-left: 1.5px dotted rgba(193, 122, 96, 0.35); border-bottom: 1.5px dotted rgba(193, 122, 96, 0.35);\n border-radius: 0 0 0 20px; animation: slimifyvibe-dotPulse 5s ease-in-out infinite; animation-delay: -2.5s;\n }\n @keyframes slimifyvibe-dotPulse {\n 0%, 100% { opacity: 0.25; } 50% { opacity: 0.6; }\n }\n\n \/* ============ 主内容外层容器 ============ *\/\n #slimifyvibe-hero .slimifyvibe-hero-inner {\n position: relative;\n z-index: 2;\n max-width: 1150px;\n width: 100%;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* ============ 整体卡片 ============ *\/\n #slimifyvibe-hero .slimifyvibe-hero-card {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 26px;\n background: rgba(255, 255, 255, 0.68);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-radius: var(--radius-xl);\n padding: 32px 20px;\n box-shadow: var(--shadow-card);\n border: 1px solid rgba(201, 169, 110, 0.2);\n transition: box-shadow 0.5s ease, transform 0.4s ease;\n animation: slimifyvibe-cardIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0;\n animation-delay: 0.05s;\n }\n #slimifyvibe-hero .slimifyvibe-hero-card:hover {\n box-shadow: var(--shadow-card-hover);\n transform: translateY(-2px);\n }\n @keyframes slimifyvibe-cardIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ============ 图片区域 ============ *\/\n #slimifyvibe-hero .slimifyvibe-hero-image-area {\n position: relative;\n width: 100%;\n max-width: 420px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n order: 1;\n }\n #slimifyvibe-hero .slimifyvibe-image-wrapper {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n max-width: 380px;\n display: flex;\n align-items: center;\n justify-content: center;\n animation: slimifyvibe-imageFloat 6s ease-in-out infinite;\n }\n @keyframes slimifyvibe-imageFloat {\n 0%, 100% { transform: translateY(0); }\n 30% { transform: translateY(-10px); }\n 55% { transform: translateY(-3px); }\n 75% { transform: translateY(-13px); }\n }\n #slimifyvibe-hero .slimifyvibe-image-orbit {\n position: absolute; inset: -8%; border-radius: 50%;\n border: 1.8px solid rgba(201, 169, 110, 0.4);\n animation: slimifyvibe-orbitSpin 25s linear infinite;\n pointer-events: none;\n box-shadow: 0 0 30px rgba(253, 142, 3, 0.08), inset 0 0 30px rgba(253, 142, 3, 0.04);\n }\n #slimifyvibe-hero .slimifyvibe-image-orbit--inner {\n inset: 2%; border-width: 1px; border-style: dashed;\n border-color: rgba(253, 142, 3, 0.25);\n animation-duration: 18s; animation-direction: reverse; box-shadow: none;\n }\n #slimifyvibe-hero .slimifyvibe-image-orbit--dot {\n inset: -14%; border: none; border-radius: 50%; background: transparent;\n box-shadow: none; animation: slimifyvibe-orbitSpin 35s linear infinite;\n }\n #slimifyvibe-hero .slimifyvibe-image-orbit--dot::before {\n content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%;\n background: #c9a96e; top: -4px; left: 50%; transform: translateX(-50%);\n box-shadow: 0 0 12px rgba(201, 169, 110, 0.7), 0 0 24px rgba(201, 169, 110, 0.3);\n animation: slimifyvibe-dotGlow 3s ease-in-out infinite;\n }\n #slimifyvibe-hero .slimifyvibe-image-orbit--dot::after {\n content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%;\n background: #fd8e03; bottom: -3px; left: 50%; transform: translateX(-50%);\n box-shadow: 0 0 10px rgba(253, 142, 3, 0.6);\n animation: slimifyvibe-dotGlow 3s ease-in-out infinite; animation-delay: -1.5s;\n }\n @keyframes slimifyvibe-orbitSpin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes slimifyvibe-dotGlow {\n 0%, 100% { opacity: 0.5; transform: translateX(-50%) scale(1); }\n 50% { opacity: 1; transform: translateX(-50%) scale(1.8); }\n }\n #slimifyvibe-hero .slimifyvibe-image-glow {\n position: absolute; width: 75%; height: 75%; border-radius: 50%;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.18) 0%, rgba(253, 142, 3, 0.04) 40%, transparent 70%);\n pointer-events: none; animation: slimifyvibe-glowPulse 5s ease-in-out infinite;\n z-index: -1; filter: blur(20px);\n }\n @keyframes slimifyvibe-glowPulse {\n 0%, 100% { transform: scale(1); opacity: 0.7; }\n 50% { transform: scale(1.2); opacity: 1; }\n }\n #slimifyvibe-hero .slimifyvibe-image-frame {\n position: relative; z-index: 1; width: 72%; aspect-ratio: 1 \/ 1; border-radius: 50%;\n overflow: hidden;\n background: linear-gradient(160deg, #fefcf8 0%, #f7efe0 40%, #f0e8d5 100%);\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1), 0 8px 20px rgba(0, 0, 0, 0.06), inset 0 0 0 1px rgba(255, 255, 255, 0.6), inset 0 0 60px rgba(253, 142, 3, 0.05);\n display: flex; align-items: center; justify-content: center; transition: box-shadow 0.6s ease;\n }\n #slimifyvibe-hero .slimifyvibe-image-frame img {\n width: 100%; height: 100%; object-fit: cover; display: block;\n transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);\n }\n #slimifyvibe-hero .slimifyvibe-image-wrapper:hover .slimifyvibe-image-frame {\n box-shadow: 0 30px 70px rgba(0, 0, 0, 0.14), 0 10px 25px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.7), inset 0 0 80px rgba(253, 142, 3, 0.08), 0 0 50px rgba(253, 142, 3, 0.12);\n }\n #slimifyvibe-hero .slimifyvibe-image-wrapper:hover img {\n transform: scale(1.04);\n }\n\n \/* ============ 文字区域 ============ *\/\n #slimifyvibe-hero .slimifyvibe-hero-text-area {\n width: 100%;\n max-width: 560px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 14px;\n order: 2;\n }\n\n \/* -------- Badge 标签 -------- *\/\n #slimifyvibe-hero .slimifyvibe-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(201, 169, 110, 0.35);\n border-radius: 50px; padding: 0.5em 1.2em; font-size: 1.05rem; font-weight: 600;\n letter-spacing: 0.08em; text-transform: uppercase; color: #8B6F47;\n backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n box-shadow: var(--shadow-sm);\n animation: slimifyvibe-badgeIn 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0; animation-delay: 0.15s;\n }\n #slimifyvibe-hero .slimifyvibe-badge-dot {\n width: 6px; height: 6px; border-radius: 50%; background: #4CAF50;\n box-shadow: 0 0 8px rgba(76, 175, 80, 0.5); animation: slimifyvibe-dotLive 2s ease-in-out infinite;\n }\n @keyframes slimifyvibe-dotLive {\n 0%, 100% { box-shadow: 0 0 6px rgba(76, 175, 80, 0.4); }\n 50% { box-shadow: 0 0 14px rgba(76, 175, 80, 0.8); }\n }\n @keyframes slimifyvibe-badgeIn {\n from { opacity: 0; transform: translateY(-12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* -------- 标题 -------- *\/\n #slimifyvibe-hero .slimifyvibe-headline {\n font-family: var(--font-display); font-size: 2.3rem; font-weight: 800;\n line-height: 1.15; letter-spacing: -0.03em; color: #1a1a1a; margin: 0;\n animation: slimifyvibe-fadeUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0; animation-delay: 0.25s;\n }\n #slimifyvibe-hero .slimifyvibe-headline-highlight {\n display: inline; background: linear-gradient(180deg, transparent 60%, rgba(253, 142, 3, 0.2) 60%);\n padding: 0 4px; position: relative;\n }\n #slimifyvibe-hero .slimifyvibe-headline-accent {\n color: #fd8e03; position: relative;\n }\n @keyframes slimifyvibe-fadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* -------- 三合一功能卡片 -------- *\/\n #slimifyvibe-hero .slimifyvibe-features-united-card {\n width: 100%;\n background: rgba(255, 255, 255, 0.7);\n border: 1px solid rgba(201, 169, 110, 0.22);\n border-radius: var(--radius-lg);\n padding: 16px 10px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n box-shadow: var(--shadow-md);\n display: flex; flex-direction: row; align-items: stretch; justify-content: center; gap: 4px;\n animation: slimifyvibe-fadeUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0; animation-delay: 0.4s;\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n #slimifyvibe-hero .slimifyvibe-features-united-card:hover {\n box-shadow: var(--shadow-lg), 0 0 40px rgba(253, 142, 3, 0.08);\n transform: translateY(-2px);\n }\n #slimifyvibe-hero .slimifyvibe-feature-item {\n flex: 1 1 0; min-width: 0;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n gap: 6px; padding: 10px 6px; text-align: center; position: relative;\n cursor: default; transition: transform 0.3s ease;\n }\n #slimifyvibe-hero .slimifyvibe-feature-item:hover { transform: translateY(-3px); }\n #slimifyvibe-hero .slimifyvibe-feature-divider {\n width: 1px; background: rgba(201, 169, 110, 0.3);\n align-self: center; height: 42px; flex-shrink: 0; border-radius: 1px;\n }\n #slimifyvibe-hero .slimifyvibe-feature-icon {\n font-size: 1.35rem; line-height: 1; flex-shrink: 0; transition: transform 0.35s ease;\n }\n #slimifyvibe-hero .slimifyvibe-feature-item:hover .slimifyvibe-feature-icon { transform: scale(1.2); }\n #slimifyvibe-hero .slimifyvibe-feature-label {\n font-size: 1.05rem; font-weight: 500; color: #4a4a4a; line-height: 1.3; letter-spacing: -0.01em;\n }\n\n \/* -------- 描述卡片（重点凸出） -------- *\/\n #slimifyvibe-hero .slimifyvibe-description-card {\n width: 100%;\n background: rgba(255, 255, 255, 0.78);\n border: 1px solid rgba(201, 169, 110, 0.18);\n border-left: 4px solid #fd8e03;\n border-radius: var(--radius-md);\n padding: 18px 18px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n box-shadow: var(--shadow-lg);\n position: relative;\n animation: slimifyvibe-fadeUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0; animation-delay: 0.5s;\n transition: box-shadow 0.4s ease, transform 0.4s ease;\n }\n #slimifyvibe-hero .slimifyvibe-description-card:hover {\n box-shadow: var(--shadow-xl), 0 0 55px rgba(253, 142, 3, 0.1);\n transform: translateY(-2px);\n }\n #slimifyvibe-hero .slimifyvibe-description-card::after {\n content: ''; position: absolute; top: -1px; left: 20px; right: 20px; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(253, 142, 3, 0.3), transparent);\n pointer-events: none;\n }\n #slimifyvibe-hero .slimifyvibe-description-text {\n font-size: 1.3rem; font-weight: 600; line-height: 1.55; color: #4a3a2a;\n letter-spacing: -0.01em; margin: 0;\n }\n #slimifyvibe-hero .slimifyvibe-description-text strong {\n color: #2a1a0a; font-weight: 700;\n }\n\n \/* -------- CTA 按钮 -------- *\/\n #slimifyvibe-hero .slimifyvibe-cta-wrap {\n width: 100%; max-width: 420px;\n animation: slimifyvibe-fadeUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0; animation-delay: 0.6s;\n }\n #slimifyvibe-hero .slimifyvibe-cta {\n display: block; width: 100%;\n background: linear-gradient(135deg, #fd8e03 0%, #f57c00 40%, #e87800 100%);\n color: #fff; font-weight: 700; font-size: 1.05rem; letter-spacing: 0.01em;\n border: none; border-radius: 50px; text-decoration: none; text-align: center;\n padding: 1em 1.8em; cursor: pointer; position: relative; overflow: hidden;\n box-shadow: 0 10px 35px rgba(253, 142, 3, 0.35), 0 0 0 0 rgba(253, 142, 3, 0.5);\n transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);\n animation: slimifyvibe-ctaPulse 3.5s ease-in-out infinite; z-index: 1;\n }\n #slimifyvibe-hero .slimifyvibe-cta::before {\n content: ''; position: absolute; inset: 0; border-radius: 50px;\n background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);\n transform: translateX(-100%); transition: transform 0.6s ease;\n }\n #slimifyvibe-hero .slimifyvibe-cta:hover {\n transform: translateY(-3px);\n box-shadow: 0 16px 45px rgba(253, 142, 3, 0.45), 0 0 0 8px rgba(253, 142, 3, 0.08);\n background: linear-gradient(135deg, #ff9808 0%, #f88000 40%, #f07800 100%);\n }\n #slimifyvibe-hero .slimifyvibe-cta:hover::before { transform: translateX(100%); }\n @keyframes slimifyvibe-ctaPulse {\n 0%, 100% { box-shadow: 0 10px 35px rgba(253, 142, 3, 0.35), 0 0 0 0 rgba(253, 142, 3, 0.4); }\n 50% { box-shadow: 0 10px 45px rgba(253, 142, 3, 0.5), 0 0 0 14px rgba(253, 142, 3, 0); }\n }\n\n \/* -------- 信任卡片 -------- *\/\n #slimifyvibe-hero .slimifyvibe-trust-card {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(255, 255, 255, 0.62); border: 1px solid rgba(201, 169, 110, 0.2);\n border-radius: 50px; padding: 10px 20px;\n backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);\n box-shadow: var(--shadow-sm);\n font-size: 1.05rem; font-weight: 500; color: #6a6a6a;\n animation: slimifyvibe-fadeUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0; animation-delay: 0.7s;\n letter-spacing: -0.01em;\n transition: box-shadow 0.35s ease, transform 0.35s ease;\n }\n #slimifyvibe-hero .slimifyvibe-trust-card:hover {\n box-shadow: var(--shadow-md); transform: translateY(-1px);\n }\n #slimifyvibe-hero .slimifyvibe-trust-icon { font-size: 1.05em; flex-shrink: 0; }\n #slimifyvibe-hero .slimifyvibe-trust-sep {\n width: 4px; height: 4px; border-radius: 50%; background: #c9a96e; flex-shrink: 0;\n }\n\n \/* ============ 响应式：桌面端 768px+ ============ *\/\n @media (min-width: 768px) {\n #slimifyvibe-hero { padding: 70px 30px; }\n #slimifyvibe-hero .slimifyvibe-hero-card {\n flex-direction: row;\n gap: 40px;\n padding: 40px 36px;\n align-items: center;\n }\n #slimifyvibe-hero .slimifyvibe-hero-image-area {\n order: 2;\n max-width: 420px;\n flex: 0 0 40%;\n }\n #slimifyvibe-hero .slimifyvibe-image-wrapper { max-width: 380px; }\n #slimifyvibe-hero .slimifyvibe-hero-text-area {\n order: 1;\n align-items: flex-start;\n text-align: left;\n max-width: 520px;\n flex: 1 1 auto;\n gap: 16px;\n }\n #slimifyvibe-hero .slimifyvibe-headline { font-size: 4.2rem; }\n #slimifyvibe-hero .slimifyvibe-badge { font-size: 1.15rem; align-self: flex-start; }\n #slimifyvibe-hero .slimifyvibe-features-united-card { padding: 20px 14px; gap: 0; }\n #slimifyvibe-hero .slimifyvibe-feature-item { padding: 12px 10px; gap: 8px; }\n #slimifyvibe-hero .slimifyvibe-feature-icon { font-size: 1.5rem; }\n #slimifyvibe-hero .slimifyvibe-feature-label { font-size: 1.15rem; }\n #slimifyvibe-hero .slimifyvibe-feature-divider { height: 50px; }\n #slimifyvibe-hero .slimifyvibe-description-card { padding: 22px 22px; }\n #slimifyvibe-hero .slimifyvibe-description-text { font-size: 1.7rem; }\n #slimifyvibe-hero .slimifyvibe-cta { font-size: 1.15rem; padding: 1em 2em; }\n #slimifyvibe-hero .slimifyvibe-cta-wrap { max-width: 340px; align-self: flex-start; }\n #slimifyvibe-hero .slimifyvibe-trust-card { font-size: 1.15rem; align-self: flex-start; }\n #slimifyvibe-hero .slimifyvibe-orb--gold { width: 500px; height: 500px; top: -180px; right: -140px; }\n #slimifyvibe-hero .slimifyvibe-orb--sage { width: 340px; height: 340px; bottom: -100px; left: -100px; }\n #slimifyvibe-hero .slimifyvibe-geo-ring--1 { width: 400px; height: 400px; top: -80px; right: -120px; }\n }\n\n @media (min-width: 1024px) {\n #slimifyvibe-hero { padding: 80px 40px; }\n #slimifyvibe-hero .slimifyvibe-hero-card { gap: 50px; padding: 48px 44px; }\n #slimifyvibe-hero .slimifyvibe-hero-image-area { max-width: 440px; flex: 0 0 42%; }\n #slimifyvibe-hero .slimifyvibe-image-wrapper { max-width: 400px; }\n #slimifyvibe-hero .slimifyvibe-hero-text-area { max-width: 540px; gap: 18px; }\n #slimifyvibe-hero .slimifyvibe-features-united-card { padding: 22px 16px; }\n #slimifyvibe-hero .slimifyvibe-description-card { padding: 24px 24px; }\n }\n\n @media (max-width: 400px) {\n #slimifyvibe-hero { padding: 40px 10px; }\n #slimifyvibe-hero .slimifyvibe-hero-card { padding: 22px 14px; gap: 20px; }\n #slimifyvibe-hero .slimifyvibe-features-united-card { padding: 12px 6px; gap: 2px; }\n #slimifyvibe-hero .slimifyvibe-feature-item { padding: 8px 3px; gap: 4px; }\n #slimifyvibe-hero .slimifyvibe-feature-icon { font-size: 1.15rem; }\n #slimifyvibe-hero .slimifyvibe-feature-divider { height: 30px; }\n #slimifyvibe-hero .slimifyvibe-description-card { padding: 14px 14px; }\n #slimifyvibe-hero .slimifyvibe-image-wrapper { max-width: 260px; }\n }\n \u003c\/style\u003e\n\n\n \u003csection id=\"slimifyvibe-hero\" aria-label=\"Slimifyvibe Balance Patch - Hero\"\u003e\n\n \u003c!-- 背景氛围装饰 --\u003e\n \u003cdiv class=\"slimifyvibe-hero-ambient\"\u003e\n \u003cdiv class=\"slimifyvibe-orb slimifyvibe-orb--gold\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-orb slimifyvibe-orb--sage\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-orb slimifyvibe-orb--warm\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-geo-ring slimifyvibe-geo-ring--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-geo-ring slimifyvibe-geo-ring--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-geo-ring slimifyvibe-geo-ring--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-sparkle slimifyvibe-sparkle--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-sparkle slimifyvibe-sparkle--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-sparkle slimifyvibe-sparkle--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-sparkle slimifyvibe-sparkle--4\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-sparkle slimifyvibe-sparkle--5\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-sparkle slimifyvibe-sparkle--6\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-dot-line slimifyvibe-dot-line--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-dot-line slimifyvibe-dot-line--2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 主内容容器 --\u003e\n \u003cdiv class=\"slimifyvibe-hero-inner\"\u003e\n\n \u003c!-- 整体卡片：图片 + 文字 --\u003e\n \u003cdiv class=\"slimifyvibe-hero-card\"\u003e\n\n \u003c!-- 图片区域 --\u003e\n \u003cdiv class=\"slimifyvibe-hero-image-area\"\u003e\n \u003cdiv class=\"slimifyvibe-image-wrapper\"\u003e\n \u003cdiv class=\"slimifyvibe-image-orbit\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-image-orbit slimifyvibe-image-orbit--inner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-image-orbit slimifyvibe-image-orbit--dot\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-image-glow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-image-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyvibe Balance Patch - Drug-free daily support patch\" loading=\"eager\" width=\"400\" height=\"400\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 文字区域 --\u003e\n \u003cdiv class=\"slimifyvibe-hero-text-area\"\u003e\n \u003cdiv class=\"slimifyvibe-badge\"\u003e\n \u003cspan class=\"slimifyvibe-badge-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n Drug-Free · Clinically Inspired\n \u003c\/div\u003e\n \u003ch1 class=\"slimifyvibe-headline\"\u003e\n Rediscover the \u003cspan class=\"slimifyvibe-headline-accent\"\u003eConfidence\u003c\/span\u003e\u003cbr\u003e\n of \u003cspan class=\"slimifyvibe-headline-highlight\"\u003eSteady Movement\u003c\/span\u003e\n \u003c\/h1\u003e\n \u003cdiv class=\"slimifyvibe-features-united-card\"\u003e\n \u003cdiv class=\"slimifyvibe-feature-item\"\u003e\n \u003cspan class=\"slimifyvibe-feature-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-feature-label\"\u003eNoticeable within\u003cbr\u003e30–60 min\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"slimifyvibe-feature-divider\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cdiv class=\"slimifyvibe-feature-item\"\u003e\n \u003cspan class=\"slimifyvibe-feature-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-feature-label\"\u003eWaterproof\u003cbr\u003e\u0026amp; Discreet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"slimifyvibe-feature-divider\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cdiv class=\"slimifyvibe-feature-item\"\u003e\n \u003cspan class=\"slimifyvibe-feature-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-feature-label\"\u003e100% Natural\u003cbr\u003e\u0026amp; Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-description-card\"\u003e\n \u003cp class=\"slimifyvibe-description-text\"\u003e\n \u003cstrong\u003eNo pills. No powders. No prescriptions.\u003c\/strong\u003e\u003cbr\u003e\n The Slimifyfit™ Balance Patch is designed to help you feel \u003cstrong\u003emore grounded\u003c\/strong\u003e,\n \u003cstrong\u003emore in control\u003c\/strong\u003e, and ready to move through your day — naturally.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-cta-wrap\"\u003e\n \u003ca href=\"https:\/\/www.slimifyfit.com\/products\/slimifyvibe-balance-support-patch?variant=47072876626108\" class=\"slimifyvibe-cta\"\u003eTry It Risk-Free – Save 63% Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-trust-card\"\u003e\n \u003cspan class=\"slimifyvibe-trust-icon\"\u003e🛡️\u003c\/span\u003e\n 30-Day Money-Back Guarantee\n \u003cspan class=\"slimifyvibe-trust-sep\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n Free Returns\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c!-- \/整体卡片 --\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003cstyle\u003e \u003c\/style\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_afw6nC\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_afw6nC-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_afw6nC-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_afw6nC-padding\"\u003e\n \n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\"\u003e\n \u003ctitle\u003eSlimifyfit™ | Why Thousands Choose\u003c\/title\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n \/* ============ LOCAL CSS VARIABLES (SCOPED) ============ *\/\n .sv-wrap {\n \/* Brand \u0026 Theme *\/\n --sv-brand: #fd8e03;\n --sv-brand-dark: #b86500;\n --sv-brand-soft: rgba(253, 142, 3, 0.08);\n --sv-accent-gold: #c9a96e;\n \n \/* Neutrals *\/\n --sv-text-dark: #1E2A32;\n --sv-text-mid: #3D4F5C;\n --sv-text-sub: #6B7B83;\n --sv-border-light: #f0f2f4;\n --sv-bg-warm: #FDFBF7;\n --sv-card-bg: #ffffff;\n \n \/* Shadows *\/\n --sv-shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.04);\n --sv-shadow-md: 0 8px 30px rgba(0, 0, 0, 0.06);\n --sv-shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.10);\n --sv-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.05);\n --sv-shadow-card-hover: 0 16px 44px rgba(0, 0, 0, 0.12);\n \n \/* Radii *\/\n --sv-radius-sm: 16px;\n --sv-radius-md: 24px;\n --sv-radius-lg: 32px;\n \n \/* Transitions *\/\n --sv-trans-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n --sv-trans-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);\n --sv-trans-bounce: cubic-bezier(0.25, 0.1, 0.15, 1.35);\n \n \/* Base styles for the component *\/\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background: #faf9f5;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 20px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n isolation: isolate;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* ============ BACKGROUND EFFECTS ============ *\/\n .sv-bg-layer {\n\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n border-radius: 60px;\n }\n .sv-bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(90px);\n opacity: 0.45;\n animation: svOrbFloat 10s ease-in-out infinite;\n }\n .sv-bg-orb--1 {\n width: 280px; height: 280px;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.18) 0%, transparent 70%);\n top: -60px; right: -60px;\n }\n .sv-bg-orb--2 {\n width: 240px; height: 240px;\n background: radial-gradient(circle, rgba(201, 169, 110, 0.16) 0%, transparent 70%);\n bottom: -40px; left: -50px;\n animation-delay: -5s; animation-duration: 11s;\n }\n .sv-bg-orb--3 {\n width: 200px; height: 200px;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.1) 0%, transparent 70%);\n top: 45%; left: 50%;\n transform: translate(-50%, -50%);\n animation-delay: -2s; animation-duration: 8s;\n filter: blur(70px); opacity: 0.35;\n }\n @keyframes svOrbFloat {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 25% { transform: translate(18px, -22px) scale(1.06); }\n 50% { transform: translate(-10px, 14px) scale(0.95); }\n 75% { transform: translate(-20px, -6px) scale(1.04); }\n }\n .sv-dots-pattern {\n position: absolute; inset: 0;\n pointer-events: none; z-index: 0;\n opacity: 0.35;\n background-image: radial-gradient(circle, rgba(201, 169, 110, 0.28) 1px, transparent 1px);\n background-size: 16px 16px;\n mask-image: radial-gradient(ellipse 75% 65% at 50% 50%, black 30%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 50%, black 30%, transparent 70%);\n }\n .sv-particles-container {\n position: absolute; inset: 0;\n pointer-events: none; z-index: 1;\n }\n .sv-particle {\n position: absolute; border-radius: 50%;\n background: rgba(253, 142, 3, 0.25);\n animation: svFloatUp linear infinite;\n opacity: 0;\n }\n @keyframes svFloatUp {\n 0% { transform: translateY(0) scale(0); opacity: 0; }\n 20% { opacity: 0.7; transform: translateY(-20px) scale(1); }\n 60% { opacity: 0.3; }\n 100% { transform: translateY(-140px) scale(0.4); opacity: 0; }\n }\n\n \/* ============ MAIN CONTAINER ============ *\/\n .sv-container {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 1150px;\n background: var(--sv-card-bg);\n border-radius: var(--sv-radius-lg);\n padding: 32px 20px 36px;\n box-shadow: var(--sv-shadow-lg), 0 0 0 1px rgba(0,0,0,0.03);\n transition: box-shadow 0.5s var(--sv-trans-smooth);\n margin: 0 auto;\n }\n .sv-container:hover {\n box-shadow: 0 30px 70px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(253,142,3,0.08);\n }\n\n \/* ============ HEADER ============ *\/\n .sv-header {\n text-align: center;\n margin-bottom: 28px;\n }\n .sv-header__badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--sv-brand-soft);\n border: 1px solid rgba(253, 142, 3, 0.2);\n border-radius: 40px;\n padding: 7px 17px;\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--sv-brand-dark);\n letter-spacing: 0.4px;\n margin-bottom: 14px;\n opacity: 0;\n animation: svFadeInUp 0.7s var(--sv-trans-smooth) forwards;\n }\n .sv-header__badge-dot {\n width: 7px; height: 7px;\n border-radius: 50%;\n background: var(--sv-brand);\n box-shadow: 0 0 0 0 rgba(253,142,3,0.5);\n animation: svPulse 2s ease-in-out infinite;\n }\n @keyframes svPulse {\n 0%,100% { box-shadow: 0 0 0 0 rgba(253,142,3,0.5); }\n 50% { box-shadow: 0 0 0 8px rgba(253,142,3,0); }\n }\n .sv-header__title {\n font-size: clamp(1.8rem, 6vw, 4.2rem);\n font-weight: 800;\n color: var(--sv-text-dark);\n line-height: 1.15;\n letter-spacing: -0.5px;\n margin-bottom: 8px;\n opacity: 0;\n animation: svFadeInUp 0.7s var(--sv-trans-smooth) 0.1s forwards;\n }\n .sv-header__title .highlight {\n background: linear-gradient(180deg, transparent 58%, rgba(253, 142, 3, 0.25) 58%);\n padding: 0 3px;\n }\n .sv-header__sub {\n font-size: clamp(1.25rem, 3vw, 1.7rem);\n font-weight: 700;\n color: var(--sv-text-sub);\n line-height: 1.4;\n max-width: 620px;\n margin: 0 auto;\n opacity: 0;\n animation: svFadeInUp 0.7s var(--sv-trans-smooth) 0.2s forwards;\n }\n @keyframes svFadeInUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .sv-trust-strip {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n margin-bottom: 32px;\n font-size: 1.15rem;\n font-weight: 500;\n color: var(--sv-text-sub);\n opacity: 0;\n animation: svFadeInUp 0.7s var(--sv-trans-smooth) 0.25s forwards;\n }\n .sv-stars {\n color: #f5a623;\n font-size: 1.5rem;\n letter-spacing: 1px;\n }\n\n \/* ============ RESPONSIVE GRID LAYOUT ============ *\/\n .sv-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n \/* Cards Styling *\/\n .sv-card {\n background: var(--sv-card-bg);\n border-radius: var(--sv-radius-sm);\n padding: 18px 14px;\n box-shadow: var(--sv-shadow-card);\n border: 1px solid var(--sv-border-light);\n display: flex;\n flex-direction: column;\n gap: 10px;\n transition: all 0.45s var(--sv-trans-smooth), border-color 0.35s ease, box-shadow 0.45s var(--sv-trans-smooth);\n will-change: transform;\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n cursor: grab;\n position: relative;\n z-index: 1;\n }\n .sv-card:active {\n cursor: grabbing;\n }\n .sv-card:hover {\n box-shadow: var(--sv-shadow-card-hover);\n border-color: rgba(253, 142, 3, 0.35);\n transform: translateY(-6px) scale(1.018);\n z-index: 6;\n }\n \/* Mobile border connections *\/\n .sv-card:nth-child(1), .sv-card:nth-child(2) {\n border-bottom: 2px solid rgba(253, 142, 3, 0.08);\n }\n .sv-card:nth-child(1):hover, .sv-card:nth-child(2):hover {\n border-bottom-color: rgba(253, 142, 3, 0.22);\n }\n .sv-card:nth-child(4), .sv-card:nth-child(5) {\n border-top: 2px solid rgba(253, 142, 3, 0.08);\n }\n .sv-card:nth-child(4):hover, .sv-card:nth-child(5):hover {\n border-top-color: rgba(253, 142, 3, 0.22);\n }\n\n .sv-card__icon-row {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .sv-card__icon {\n width: 42px; height: 42px;\n border-radius: 13px;\n background: linear-gradient(135deg, rgba(253,142,3,0.12) 0%, rgba(253,142,3,0.04) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n flex-shrink: 0;\n position: relative;\n transition: background 0.4s ease, box-shadow 0.4s ease;\n }\n .sv-card:hover .sv-card__icon {\n background: linear-gradient(135deg, rgba(253,142,3,0.2) 0%, rgba(253,142,3,0.08) 100%);\n box-shadow: 0 4px 16px rgba(253,142,3,0.13);\n }\n .sv-card__num {\n position: absolute;\n top: -6px; right: -8px;\n width: 18px; height: 18px;\n border-radius: 50%;\n background: var(--sv-brand);\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 2px 6px rgba(253,142,3,0.4);\n transition: transform 0.35s var(--sv-trans-spring), box-shadow 0.35s ease;\n }\n .sv-card:hover .sv-card__num {\n transform: scale(1.2);\n box-shadow: 0 4px 12px rgba(253,142,3,0.55);\n }\n .sv-card h3 {\n font-size: clamp(1.2rem, 2.5vw, 1.5rem);\n font-weight: 800;\n color: var(--sv-text-dark);\n line-height: 1.2;\n letter-spacing: -0.2px;\n flex: 1;\n transition: color 0.35s ease;\n }\n .sv-card:hover h3 { color: #1a252d; }\n .sv-feature-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 6px;\n }\n .sv-feature-list li {\n display: flex;\n align-items: flex-start;\n gap: 6px;\n font-size: clamp(1.05rem, 2vw, 1.5rem);\n font-weight: 700;\n color: var(--sv-text-sub);\n line-height: 1.4;\n transition: color 0.35s ease;\n }\n .sv-card:hover .sv-feature-list li { color: #5a6b73; }\n .sv-feature-list li .check-icon {\n color: #fd8e03;\n font-weight: 600;\n font-size: 1.1rem;\n margin-top: 1px;\n flex-shrink: 0;\n transition: transform 0.35s var(--sv-trans-spring), color 0.35s ease;\n }\n .sv-card:hover .sv-feature-list li .check-icon {\n transform: scale(1.2);\n color: #e67e00;\n }\n .sv-card__tag {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: clamp(1rem, 2vw, 1.5rem);\n font-weight: 600;\n color: #b86500;\n background: rgba(253,142,3,0.08);\n padding: 5px 11px;\n border-radius: 18px;\n align-self: flex-start;\n letter-spacing: 0.2px;\n transition: all 0.4s ease;\n }\n .sv-card:hover .sv-card__tag {\n background: rgba(253,142,3,0.16);\n color: #9a5000;\n box-shadow: 0 2px 10px rgba(253,142,3,0.1);\n }\n\n \/* Image Cell *\/\n .sv-img-wrap {\n grid-column: span 2;\n position: relative;\n aspect-ratio: 1 \/ 1;\n border-radius: var(--sv-radius-md);\n overflow: hidden;\n background: #fafaf8;\n border: 1px solid var(--sv-border-light);\n box-shadow: var(--sv-shadow-sm);\n transition: box-shadow 0.5s var(--sv-trans-smooth), transform 0.5s var(--sv-trans-bounce), border-color 0.4s ease;\n cursor: pointer;\n z-index: 2;\n will-change: transform;\n }\n .sv-img-wrap img, .sv-img-wrap video {\n width: 100%; height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.6s var(--sv-trans-smooth);\n }\n .sv-img-wrap.image-resonate {\n box-shadow: 0 8px 36px rgba(253,142,3,0.16), 0 0 0 2px rgba(253,142,3,0.13);\n transform: scale(1.015);\n }\n .sv-img-wrap.image-resonate-top {\n box-shadow: 0 -6px 32px rgba(253,142,3,0.17), 0 2px 16px rgba(0,0,0,0.05), 0 0 0 2px rgba(253,142,3,0.13);\n transform: scale(1.012) translateY(-2px);\n }\n .sv-img-wrap.image-resonate-bottom {\n box-shadow: 0 6px 32px rgba(253,142,3,0.17), 0 -2px 16px rgba(0,0,0,0.05), 0 0 0 2px rgba(253,142,3,0.13);\n transform: scale(1.012) translateY(2px);\n }\n .sv-img-glow {\n position: absolute; inset: 0;\n pointer-events: none;\n border-radius: inherit;\n border: 2px solid transparent;\n background: linear-gradient(135deg, rgba(253,142,3,0.3), transparent 50%, rgba(201,169,110,0.25)) border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n animation: svRingGlow 3s ease-in-out infinite;\n transition: opacity 0.5s ease;\n }\n @keyframes svRingGlow {\n 0%,100% { opacity: 0.5; }\n 50% { opacity: 1; }\n }\n .sv-img-badge {\n position: absolute;\n bottom: 12px; right: 12px;\n background: rgba(255,255,255,0.92);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border-radius: 22px;\n padding: 6px 14px;\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--sv-text-dark);\n display: flex;\n align-items: center;\n gap: 5px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n z-index: 4;\n transition: transform 0.35s var(--sv-trans-bounce), box-shadow 0.35s ease;\n }\n .sv-img-badge::before {\n content: '';\n width: 7px; height: 7px;\n border-radius: 50%;\n background: #4caf84;\n animation: svPulse 2.5s ease-in-out infinite;\n }\n .sv-connection-dot {\n position: absolute;\n width: 10px; height: 10px;\n border-radius: 50%;\n background: var(--sv-brand);\n z-index: 5;\n pointer-events: none;\n opacity: 0.55;\n transition: transform 0.5s var(--sv-trans-spring), box-shadow 0.5s ease, opacity 0.4s ease;\n }\n .sv-connection-dot--left1 { top: 16%; left: -5px; }\n .sv-connection-dot--left2 { top: 72%; left: -5px; }\n .sv-connection-dot--right1 { top: 16%; right: -5px; }\n .sv-connection-dot--right2 { top: 72%; right: -5px; }\n .sv-connection-dot.pulse-active {\n transform: scale(3);\n box-shadow: 0 0 24px 10px rgba(253,142,3,0.6);\n opacity: 1;\n animation: svDotBurst 0.9s ease-in-out infinite;\n }\n @keyframes svDotBurst {\n 0%,100% { box-shadow: 0 0 18px 7px rgba(253,142,3,0.5); transform: scale(2.6); }\n 50% { box-shadow: 0 0 30px 14px rgba(253,142,3,0.75); transform: scale(3.4); }\n }\n\n \/* ============ DESKTOP OVERRIDES ============ *\/\n @media (min-width: 768px) {\n .sv-container {\n padding: 56px 44px 60px;\n border-radius: 48px;\n }\n .sv-header { margin-bottom: 40px; }\n .sv-trust-strip {\n margin-bottom: 44px;\n font-size: 1.15rem;\n }\n .sv-stars { font-size: 1.5rem; }\n \n .sv-grid {\n grid-template-columns: 1fr 380px 1fr;\n gap: 24px;\n align-items: center;\n }\n .sv-img-wrap {\n grid-column: 2;\n grid-row: 1 \/ 3;\n }\n \/* Position cards in the 3-column layout *\/\n .sv-card:nth-child(1) { grid-column: 1; grid-row: 1; text-align: right; }\n .sv-card:nth-child(2) { grid-column: 1; grid-row: 2; text-align: right; }\n .sv-card:nth-child(4) { grid-column: 3; grid-row: 1; }\n .sv-card:nth-child(5) { grid-column: 3; grid-row: 2; }\n \n \/* Adjust card internal alignment for left column *\/\n .sv-card:nth-child(1) .sv-card__icon-row,\n .sv-card:nth-child(2) .sv-card__icon-row { justify-content: flex-end; }\n .sv-card:nth-child(1) .sv-feature-list,\n .sv-card:nth-child(2) .sv-feature-list { align-items: flex-end; }\n .sv-card:nth-child(1) .sv-card__tag,\n .sv-card:nth-child(2) .sv-card__tag { align-self: flex-end; }\n \n .sv-card {\n max-width: 300px;\n padding: 24px 20px;\n }\n .sv-card:hover {\n transform: translateY(-8px) scale(1.025);\n box-shadow: 0 20px 50px rgba(0,0,0,0.13), 0 0 0 1px rgba(253,142,3,0.2);\n }\n \n \/* Desktop image tilt effects *\/\n .sv-img-wrap.image-lean-left {\n transform: translateX(-6px) scale(1.018);\n box-shadow: 16px 8px 44px rgba(0,0,0,0.1), -4px 0 0 rgba(253,142,3,0.15);\n border-left: 2px solid rgba(253,142,3,0.3);\n }\n .sv-img-wrap.image-lean-right {\n transform: translateX(6px) scale(1.018);\n box-shadow: -16px 8px 44px rgba(0,0,0,0.1), 4px 0 0 rgba(253,142,3,0.15);\n border-right: 2px solid rgba(253,142,3,0.3);\n }\n .sv-img-wrap.image-all-glow {\n box-shadow: var(--sv-shadow-lg), 0 0 30px 6px rgba(253,142,3,0.2), 0 0 0 2px rgba(253,142,3,0.18);\n transform: translateY(-5px) scale(1.03);\n border-color: rgba(253,142,3,0.3);\n }\n }\n\n @media (min-width: 1024px) {\n .sv-grid {\n grid-template-columns: 1fr 440px 1fr;\n gap: 28px;\n }\n .sv-card { max-width: 330px; padding: 26px 22px; }\n }\n\n \/* Footer Strip *\/\n .sv-footer-strip {\n display: none;\n }\n @media (min-width: 768px) {\n\n .sv-footer-strip {\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-top: 36px;\n font-size: 1.15rem;\n font-weight: 500;\n color: var(--sv-text-sub);\n }\n }\n \u003c\/style\u003e\n\n\n \u003c!-- SHOPIFY LIQUID CUSTOM MODULE --\u003e\n \u003c!-- Replace placehold.co images with your actual product images --\u003e\n \u003cdiv class=\"sv-wrap\" id=\"slimifyvibe-module\"\u003e\n \n \u003c!-- Ambient Background Layer --\u003e\n \u003cdiv class=\"sv-bg-layer\"\u003e\n \u003cdiv class=\"sv-bg-orb sv-bg-orb--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-bg-orb sv-bg-orb--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-bg-orb sv-bg-orb--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-dots-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-particles-container\" id=\"svParticles\"\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 3.88026px; height: 3.88026px; left: 65.6835%; top: 80.5113%; animation-duration: 12.9339s; animation-delay: 2.01266s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 6.07964px; height: 6.07964px; left: 10.2343%; top: 39.0852%; animation-duration: 12.1377s; animation-delay: 5.86191s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 3.7959px; height: 3.7959px; left: 41.6971%; top: 47.6375%; animation-duration: 10.7995s; animation-delay: 6.71348s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 3.38451px; height: 3.38451px; left: 51.051%; top: 78.1125%; animation-duration: 13.2507s; animation-delay: 8.31734s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 4.49648px; height: 4.49648px; left: 29.2018%; top: 35.1718%; animation-duration: 13.3734s; animation-delay: 8.59274s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 3.7578px; height: 3.7578px; left: 53.1871%; top: 31.7916%; animation-duration: 13.6165s; animation-delay: 6.70048s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 6.54824px; height: 6.54824px; left: 67.7437%; top: 61.8805%; animation-duration: 7.21966s; animation-delay: 0.164161s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 4.32372px; height: 4.32372px; left: 24.4772%; top: 45.2867%; animation-duration: 9.91825s; animation-delay: 5.82442s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 6.33015px; height: 6.33015px; left: 13.0393%; top: 36.8064%; animation-duration: 7.30776s; animation-delay: 4.83026s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 3.13221px; height: 3.13221px; left: 2.3731%; top: 24.2628%; animation-duration: 9.30611s; animation-delay: 4.20262s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 3.93794px; height: 3.93794px; left: 34.4468%; top: 34.3257%; animation-duration: 9.57296s; animation-delay: 8.91757s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 4.31923px; height: 4.31923px; left: 84.819%; top: 73.0263%; animation-duration: 7.97045s; animation-delay: 3.05772s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.2416px; height: 5.2416px; left: 64.9942%; top: 71.0065%; animation-duration: 9.70188s; animation-delay: 0.699229s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 4.78784px; height: 4.78784px; left: 62.8084%; top: 69.0784%; animation-duration: 8.32393s; animation-delay: 3.2512s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.36288px; height: 5.36288px; left: 77.9558%; top: 68.6204%; animation-duration: 8.32612s; animation-delay: 2.51974s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.11948px; height: 5.11948px; left: 86.5324%; top: 35.9052%; animation-duration: 10.8334s; animation-delay: 4.07579s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.80733px; height: 5.80733px; left: 67.832%; top: 66.2401%; animation-duration: 12.3999s; animation-delay: 3.47705s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 7.59785px; height: 7.59785px; left: 87.0197%; top: 77.3234%; animation-duration: 12.8772s; animation-delay: 1.40338s;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Content Container --\u003e\n \u003cdiv class=\"sv-container\"\u003e\n \n \u003c!-- Header Section --\u003e\n \u003cdiv class=\"sv-header\"\u003e\n \u003cdiv class=\"sv-header__badge\" style=\"animation-play-state: running;\"\u003e\n \u003cspan class=\"sv-header__badge-dot\"\u003e\u003c\/span\u003e Trusted by Thousands\n \u003c\/div\u003e\n \u003ch2 class=\"sv-header__title\" style=\"animation-play-state: running;\"\u003e\n Why Thousands Choose \u003cspan class=\"highlight\"\u003eSlimifyfit™\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003cp class=\"sv-header__sub\" style=\"animation-play-state: running;\"\u003e\n External wellness, elevated. No pills, no stimulants — just pure dermal support that works with your body.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sv-trust-strip\" style=\"animation-play-state: running;\"\u003e\n \u003cspan class=\"sv-stars\"\u003e★★★★★\u003c\/span\u003e \u003cstrong\u003e4.9\/5\u003c\/strong\u003e from \u003cstrong\u003e13,000+\u003c\/strong\u003e reviews\n \u003c\/div\u003e\n\n \u003c!-- Responsive Grid Layout --\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \n \u003c!-- Card 1 --\u003e\n \u003cdiv class=\"sv-card\" data-card-id=\"0\"\u003e\n \u003cdiv class=\"sv-card__icon-row\"\u003e\n \u003cdiv class=\"sv-card__icon\"\u003e🌿\u003cspan class=\"sv-card__num\"\u003e1\u003c\/span\u003e\n\u003c\/div\u003e\n \u003ch3\u003eNo Pills. No Stimulants.\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"sv-feature-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e External patch only\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Zero systemic side effects\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Works with bio-electric field\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cspan class=\"sv-card__tag\"\u003e🌱 Dermatologist Tested\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Card 2 --\u003e\n \u003cdiv class=\"sv-card\" data-card-id=\"1\"\u003e\n \u003cdiv class=\"sv-card__icon-row\"\u003e\n \u003cdiv class=\"sv-card__icon\"\u003e🤲\u003cspan class=\"sv-card__num\"\u003e2\u003c\/span\u003e\n\u003c\/div\u003e\n \u003ch3\u003eWorn Like a Second Skin\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"sv-feature-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Medical-grade adhesive\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Breathable \u0026amp; flexible\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Invisible under clothes\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cspan class=\"sv-card__tag\"\u003e⏱ 12-Hour Comfort\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c!-- Central Image \/ Product Showcase --\u003e\n \u003cdiv class=\"sv-img-wrap\" id=\"svImageWrap\"\u003e\n \u003cdiv class=\"sv-img-glow\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_14_10.png?v=1783407186\" alt=\"Slimifyvibe™ patch\" loading=\"lazy\"\u003e\n \u003cdiv class=\"sv-connection-dot sv-connection-dot--left1\" data-dot=\"0\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-connection-dot sv-connection-dot--left2\" data-dot=\"1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-connection-dot sv-connection-dot--right1\" data-dot=\"2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-connection-dot sv-connection-dot--right2\" data-dot=\"3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-img-badge\"\u003e📦 Official Product\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 3 --\u003e\n \u003cdiv class=\"sv-card\" data-card-id=\"2\"\u003e\n \u003cdiv class=\"sv-card__icon-row\"\u003e\n \u003cdiv class=\"sv-card__icon\"\u003e〰️\u003cspan class=\"sv-card__num\"\u003e3\u003c\/span\u003e\n\u003c\/div\u003e\n \u003ch3\u003eFeel It in Under an Hour\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"sv-feature-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Noticeable within 30–60 min\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Conductive layer activates fast\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Steady grounded sensation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cspan class=\"sv-card__tag\"\u003e⚡ Rapid Activation\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Card 4 --\u003e\n \u003cdiv class=\"sv-card\" data-card-id=\"3\"\u003e\n \u003cdiv class=\"sv-card__icon-row\"\u003e\n \u003cdiv class=\"sv-card__icon\"\u003e😌\u003cspan class=\"sv-card__num\"\u003e4\u003c\/span\u003e\n\u003c\/div\u003e\n \u003ch3\u003eAll-Day Steadiness\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"sv-feature-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Up to 12 hours support\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Waterproof \u0026amp; sweat-proof\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Apply once, forget it's there\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cspan class=\"sv-card__tag\"\u003e💧 Life-Proof\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Desktop Footer Strip --\u003e\n \u003cdiv class=\"sv-footer-strip\"\u003e\n \u003cspan class=\"sv-stars\"\u003e★★★★★\u003c\/span\u003e \u003cstrong\u003e4.9\/5\u003c\/strong\u003e • \u003cstrong\u003e12,000+\u003c\/strong\u003e Verified Reviews • \u003cspan style=\"color:var(--sv-brand-dark);font-weight:700;\"\u003e30-Day Guarantee\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n (function() {\n \/\/ Local scope variables\n const module = document.getElementById('slimifyvibe-module');\n if (!module) return;\n\n \/\/ ============ PARTICLES ============\n const particlesContainer = document.getElementById('svParticles');\n if (particlesContainer \u0026\u0026 window.matchMedia('(prefers-reduced-motion: no-preference)').matches) {\n for (let i = 0; i \u003c 18; i++) {\n const p = document.createElement('div');\n p.className = 'sv-particle';\n const size = Math.random() * 5 + 3;\n p.style.width = `${size}px`;\n p.style.height = `${size}px`;\n p.style.left = `${Math.random() * 90}%`;\n p.style.top = `${Math.random() * 70 + 15}%`;\n p.style.animationDuration = `${Math.random() * 8 + 7}s`;\n p.style.animationDelay = `${Math.random() * 9}s`;\n particlesContainer.appendChild(p);\n }\n }\n\n \/\/ ============ DOM ELEMENTS ============\n const imgWrap = document.getElementById('svImageWrap');\n const cards = module.querySelectorAll('.sv-card');\n const dots = module.querySelectorAll('.sv-connection-dot');\n\n \/\/ Helper to clear image states\n const clearImageClasses = () =\u003e {\n if (!imgWrap) return;\n imgWrap.classList.remove('image-resonate', 'image-resonate-top', 'image-resonate-bottom', 'image-lean-left', 'image-lean-right', 'image-all-glow');\n };\n\n \/\/ Helper to reset dots\n const resetDots = () =\u003e {\n dots.forEach(d =\u003e d.classList.remove('pulse-active'));\n };\n\n \/\/ Helper to activate specific dot\n const activateDot = (index) =\u003e {\n resetDots();\n const dot = module.querySelector(`.sv-connection-dot[data-dot=\"${index}\"]`);\n if (dot) dot.classList.add('pulse-active');\n };\n\n \/\/ ============ MOBILE DRAG INERTIA \u0026 IMAGE RESONANCE ============\n const isMobile = () =\u003e window.innerWidth \u003c 768;\n\n cards.forEach(card =\u003e {\n let isDragging = false, startX = 0, startY = 0;\n let currentX = 0, currentY = 0, velX = 0, velY = 0;\n let lastX = 0, lastY = 0, animationId = null;\n let hasMoved = false;\n const MOVE_THRESHOLD = 4;\n\n const applyTransform = (x, y) =\u003e {\n card.style.transform = `translate(${x}px, ${y}px)`;\n card.style.transition = 'none';\n };\n\n const resetCard = (animate = true) =\u003e {\n if (animate) {\n card.style.transition = 'transform 0.5s cubic-bezier(0.25,0.8,0.25,1.2)';\n card.style.transform = '';\n } else {\n card.style.transition = 'none';\n card.style.transform = '';\n }\n };\n\n const setImageResonance = (cardId) =\u003e {\n if (!imgWrap || !isMobile()) return;\n clearImageClasses();\n const id = parseInt(cardId);\n if (id === 0 || id === 1) imgWrap.classList.add('image-resonate-top');\n else if (id === 2 || id === 3) imgWrap.classList.add('image-resonate-bottom');\n };\n\n const onPointerDown = (e) =\u003e {\n if (!isMobile() \u0026\u0026 e.pointerType === 'mouse') return;\n isDragging = true;\n hasMoved = false;\n card.setPointerCapture(e.pointerId);\n startX = e.clientX; startY = e.clientY;\n lastX = startX; lastY = startY;\n currentX = 0; currentY = 0; velX = 0; velY = 0;\n if (animationId) { cancelAnimationFrame(animationId); animationId = null; }\n card.style.transition = 'none';\n card.style.cursor = 'grabbing';\n \n const cardId = card.getAttribute('data-card-id');\n if (cardId !== null) setImageResonance(cardId);\n };\n\n const onPointerMove = (e) =\u003e {\n if (!isDragging) return;\n currentX = (e.clientX - startX) * 0.85;\n currentY = (e.clientY - startY) * 0.85;\n applyTransform(currentX, currentY);\n velX = e.clientX - lastX;\n velY = e.clientY - lastY;\n lastX = e.clientX; lastY = e.clientY;\n if (Math.abs(currentX) \u003e MOVE_THRESHOLD || Math.abs(currentY) \u003e MOVE_THRESHOLD) {\n hasMoved = true;\n }\n };\n\n const onPointerUp = (e) =\u003e {\n if (!isDragging) return;\n isDragging = false;\n card.releasePointerCapture(e.pointerId);\n card.style.cursor = 'grab';\n clearImageClasses();\n \n let ix = currentX, iy = currentY;\n let vx = velX * 0.75, vy = velY * 0.75;\n const friction = 0.9, minV = 0.4;\n\n const step = () =\u003e {\n if (Math.abs(vx) \u003c minV \u0026\u0026 Math.abs(vy) \u003c minV \u0026\u0026 Math.abs(ix) \u003c 0.4 \u0026\u0026 Math.abs(iy) \u003c 0.4) {\n resetCard(true);\n animationId = null;\n return;\n }\n ix += vx; iy += vy;\n vx *= friction; vy *= friction;\n applyTransform(ix, iy);\n animationId = requestAnimationFrame(step);\n };\n animationId = requestAnimationFrame(step);\n };\n\n card.addEventListener('pointerdown', onPointerDown);\n card.addEventListener('pointermove', onPointerMove);\n card.addEventListener('pointerup', onPointerUp);\n card.addEventListener('pointercancel', onPointerUp);\n card.addEventListener('dragstart', e =\u003e e.preventDefault());\n\n \/\/ Touch hover fallback\n card.addEventListener('pointerenter', (e) =\u003e {\n if (!isMobile() \u0026\u0026 e.pointerType === 'mouse') return;\n if (isDragging \u0026\u0026 hasMoved) return;\n const cardId = card.getAttribute('data-card-id');\n if (cardId !== null \u0026\u0026 !isDragging) setImageResonance(cardId);\n });\n card.addEventListener('pointerleave', () =\u003e {\n if (!isMobile()) return;\n if (!isDragging) clearImageClasses();\n });\n });\n\n \/\/ Mobile image hover\n if (imgWrap) {\n imgWrap.addEventListener('pointerenter', () =\u003e {\n if (!isMobile()) return;\n clearImageClasses();\n imgWrap.classList.add('image-resonate');\n });\n imgWrap.addEventListener('pointerleave', () =\u003e {\n if (!isMobile()) return;\n imgWrap.classList.remove('image-resonate', 'image-resonate-top', 'image-resonate-bottom');\n });\n }\n\n \/\/ ============ DESKTOP INTERACTIONS (Image Tilt \u0026 Dots) ============\n if (imgWrap) {\n const desktopCards = module.querySelectorAll('.sv-card');\n \n desktopCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n if (isMobile()) return;\n const idx = card.getAttribute('data-card-id');\n if (idx !== null) {\n const i = parseInt(idx);\n activateDot(i);\n clearImageClasses();\n if (i === 0 || i === 1) imgWrap.classList.add('image-lean-left');\n else if (i === 2 || i === 3) imgWrap.classList.add('image-lean-right');\n }\n });\n card.addEventListener('mouseleave', () =\u003e {\n if (isMobile()) return;\n resetDots();\n clearImageClasses();\n });\n });\n\n imgWrap.addEventListener('mouseenter', () =\u003e {\n if (isMobile()) return;\n dots.forEach(d =\u003e d.classList.add('pulse-active'));\n clearImageClasses();\n imgWrap.classList.add('image-all-glow');\n });\n imgWrap.addEventListener('mouseleave', () =\u003e {\n if (isMobile()) return;\n resetDots();\n clearImageClasses();\n });\n }\n\n \/\/ ============ INTERSECTION OBSERVER ============\n const animatedEls = module.querySelectorAll('.sv-header__badge,.sv-header__title,.sv-header__sub,.sv-trust-strip');\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) entry.target.style.animationPlayState = 'running';\n });\n }, { threshold: 0.2 });\n animatedEls.forEach(el =\u003e observer.observe(el));\n\n console.log('✅ Slimifyvibe™ ready — Responsive Shopify Liquid Module');\n })();\n \u003c\/script\u003e\n\u003cstyle\u003e \u003c\/style\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_cF6BkP\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_cF6BkP-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_cF6BkP-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_cF6BkP-padding\"\u003e\n \n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSlimifyfit™ Comparison\u003c\/title\u003e\n \u003cstyle\u003e\n \/* ============ 所有变量与样式限定在 #slimifyvibe-comparison 内 ============ *\/\n #slimifyvibe-comparison {\n \/* 局部CSS变量 *\/\n --trust-green: #1B7E5A;\n --trust-green-soft: rgba(27, 126, 90, 0.08);\n --brand-orange: #fd8e03;\n --brand-orange-soft: rgba(253, 142, 3, 0.06);\n --brand-orange-glow: rgba(253, 142, 3, 0.12);\n --gold: #c9a96e;\n --gold-soft: rgba(201, 169, 110, 0.18);\n --border: #E2E6EA;\n --border-soft: rgba(201, 169, 110, 0.2);\n --body-text: #2C3A42;\n --sub-text: #6B7B83;\n --surface-warm: #FDFBF7;\n --surface-cream: #FFFBF5;\n --surface-cool: #F7F8FA;\n --highlight-bg: linear-gradient(135deg, #FFFBF5 0%, #FFF8ED 50%, #FFFBF5 100%);\n --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);\n --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.06);\n --shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.08);\n --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.1);\n --shadow-glow: 0 0 50px rgba(253, 142, 3, 0.1), 0 0 100px rgba(253, 142, 3, 0.04);\n --radius-sm: 10px;\n --radius-md: 16px;\n --radius-lg: 20px;\n --radius-xl: 24px;\n --font-display: 'Inter', 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif;\n --font-body: 'Inter', 'SF Pro Text', 'Segoe UI', system-ui, -apple-system, sans-serif;\n\n position: relative;\n background: #fff;\n padding: 40px 16px;\n overflow: hidden;\n font-family: var(--font-body);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n #slimifyvibe-comparison *,\n #slimifyvibe-comparison *::before,\n #slimifyvibe-comparison *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* ============ 背景氛围装饰层 ============ *\/\n #slimifyvibe-comparison .slimifyvibe-comparison-ambient {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(60px);\n opacity: 0.4;\n animation: slimifyvibe-comp-orbBreathe 9s ease-in-out infinite;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-orb--top {\n width: 280px; height: 280px; background: rgba(253, 142, 3, 0.05);\n top: -100px; right: -80px; animation-delay: 0s;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-orb--bottom {\n width: 220px; height: 220px; background: rgba(27, 126, 90, 0.04);\n bottom: -70px; left: -60px; animation-delay: -4.5s;\n }\n @keyframes slimifyvibe-comp-orbBreathe {\n 0%, 100% { transform: scale(1); opacity: 0.35; }\n 45% { transform: scale(1.3); opacity: 0.6; }\n 75% { transform: scale(0.85); opacity: 0.28; }\n }\n #slimifyvibe-comparison .slimifyvibe-comp-geo {\n position: absolute; pointer-events: none; border-radius: 50%;\n border: 1px solid rgba(201, 169, 110, 0.18);\n animation: slimifyvibe-comp-ringSpin 45s linear infinite;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-geo--1 {\n width: 200px; height: 200px; top: 10%; right: -60px;\n border-style: dashed; border-width: 1px; animation-duration: 55s; animation-direction: reverse;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-geo--2 {\n width: 120px; height: 120px; bottom: 12%; left: -30px;\n border-color: rgba(253, 142, 3, 0.13); animation-duration: 38s;\n }\n @keyframes slimifyvibe-comp-ringSpin {\n from { transform: rotate(0deg); } to { transform: rotate(360deg); }\n }\n #slimifyvibe-comparison .slimifyvibe-comp-sparkle {\n position: absolute; width: 2.5px; height: 2.5px; border-radius: 50%;\n background: var(--gold); pointer-events: none;\n animation: slimifyvibe-comp-sparkleFloat 7s ease-in-out infinite; opacity: 0;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-sparkle--1 { top: 8%; left: 12%; animation-delay: 0s; }\n #slimifyvibe-comparison .slimifyvibe-comp-sparkle--2 { top: 18%; right: 14%; animation-delay: -2.3s; width: 2px; height: 2px; background: #fd8e03; }\n #slimifyvibe-comparison .slimifyvibe-comp-sparkle--3 { bottom: 22%; left: 18%; animation-delay: -4.8s; width: 3px; height: 3px; }\n #slimifyvibe-comparison .slimifyvibe-comp-sparkle--4 { top: 35%; right: 8%; animation-delay: -1.6s; background: #1B7E5A; }\n @keyframes slimifyvibe-comp-sparkleFloat {\n 0%, 100% { opacity: 0; transform: translateY(0) scale(0.4); }\n 12% { opacity: 0.8; transform: translateY(-14px) scale(1.2); }\n 28% { opacity: 0.25; transform: translateY(-24px) scale(0.6); }\n 50% { opacity: 0.6; transform: translateY(-8px) scale(1); }\n 70% { opacity: 0.08; transform: translateY(-20px) scale(0.35); }\n 85% { opacity: 0.45; transform: translateY(-4px) scale(0.85); }\n }\n #slimifyvibe-comparison .slimifyvibe-comp-grid {\n position: absolute; inset: 0; pointer-events: none; opacity: 0.03;\n background-image:\n linear-gradient(rgba(201, 169, 110, 0.5) 1px, transparent 1px),\n linear-gradient(90deg, rgba(201, 169, 110, 0.5) 1px, transparent 1px);\n background-size: 40px 40px;\n mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);\n }\n\n \/* ============ 主内容容器 ============ *\/\n #slimifyvibe-comparison .slimifyvibe-comparison-inner {\n position: relative;\n z-index: 2;\n max-width: 1150px;\n width: 100%;\n margin: 30px auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n \/* ============ 整体卡片 ============ *\/\n #slimifyvibe-comparison .slimifyvibe-card {\n width: 100%;\n background: #fff;\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow-lg), var(--shadow-glow);\n border: 1px solid rgba(201, 169, 110, 0.2);\n padding: 28px 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n animation: slimifyvibe-comp-cardIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0;\n animation-delay: 0.05s;\n transition: box-shadow 0.5s ease, transform 0.4s ease;\n position: relative;\n }\n #slimifyvibe-comparison .slimifyvibe-card:hover {\n box-shadow: var(--shadow-xl), 0 0 70px rgba(253, 142, 3, 0.1);\n transform: translateY(-2px);\n }\n @keyframes slimifyvibe-comp-cardIn {\n from { opacity: 0; transform: translateY(18px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ============ 标题 ============ *\/\n #slimifyvibe-comparison .slimifyvibe-comparison-headline {\n font-family: var(--font-display);\n font-size: 2.3rem; \/* 移动端标题 2.3rem *\/\n font-weight: 800; \/* 标题字重 800 *\/\n text-align: center;\n color: #1a1a1a;\n letter-spacing: -0.02em;\n line-height: 1.2;\n position: relative;\n animation: slimifyvibe-comp-fadeUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0;\n animation-delay: 0.15s;\n }\n #slimifyvibe-comparison .slimifyvibe-comparison-headline-accent {\n display: inline;\n background: linear-gradient(180deg, transparent 58%, rgba(253, 142, 3, 0.22) 58%);\n padding: 0 4px;\n }\n @keyframes slimifyvibe-comp-fadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ============ 表格容器 ============ *\/\n #slimifyvibe-comparison .slimifyvibe-table {\n width: 100%;\n border-radius: var(--radius-md);\n overflow: hidden;\n border: 1px solid rgba(201, 169, 110, 0.18);\n }\n\n \/* 表头 *\/\n #slimifyvibe-comparison .slimifyvibe-table-header {\n display: grid;\n grid-template-columns: 1fr 1fr;\n width: 100%;\n }\n #slimifyvibe-comparison .slimifyvibe-table-header-cell {\n padding: 14px 10px;\n text-align: center;\n font-weight: 600; \/* ≥400 *\/\n font-size: 1.05rem; \/* 移动端最小 1.05rem *\/\n letter-spacing: 0.02em;\n font-family: var(--font-display);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n }\n #slimifyvibe-comparison .slimifyvibe-table-header-cell--highlight {\n background: linear-gradient(135deg, #FFF8ED 0%, #FFF3E0 40%, #FFFBF5 100%);\n color: #2a1a0a;\n border-bottom: 2px solid #fd8e03;\n }\n #slimifyvibe-comparison .slimifyvibe-table-header-cell--dim {\n background: #F5F6F8;\n color: #8a8a8a;\n border-bottom: 2px solid #e0e0e0;\n }\n #slimifyvibe-comparison .slimifyvibe-header-star {\n display: inline-block;\n font-size: 0.9em;\n color: #fd8e03;\n animation: slimifyvibe-comp-starPulse 2.5s ease-in-out infinite;\n }\n @keyframes slimifyvibe-comp-starPulse {\n 0%, 100% { transform: scale(1); opacity: 0.7; }\n 50% { transform: scale(1.25); opacity: 1; }\n }\n\n \/* 数据行 *\/\n #slimifyvibe-comparison .slimifyvibe-table-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n width: 100%;\n border-bottom: 1px solid rgba(201, 169, 110, 0.12);\n transition: background 0.3s ease;\n }\n #slimifyvibe-comparison .slimifyvibe-table-row:last-child {\n border-bottom: none;\n }\n #slimifyvibe-comparison .slimifyvibe-table-row:hover {\n background: rgba(253, 142, 3, 0.02);\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell {\n padding: 12px 10px;\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 1.4;\n letter-spacing: -0.01em;\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell--highlight {\n background: #FFFBF5;\n color: #2a1a0a;\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell--dim {\n background: #FBFCFD;\n color: #7a7a7a;\n }\n \/* 高亮列左侧强调线 *\/\n #slimifyvibe-comparison .slimifyvibe-table-cell--highlight {\n position: relative;\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell--highlight::before {\n content: '';\n position: absolute;\n left: 0;\n top: 15%;\n bottom: 15%;\n width: 3px;\n border-radius: 0 3px 3px 0;\n background: linear-gradient(180deg, #fd8e03 0%, #f57c00 50%, #fd8e03 100%);\n opacity: 0.7;\n transition: opacity 0.35s ease, width 0.35s ease;\n }\n #slimifyvibe-comparison .slimifyvibe-table-row:hover .slimifyvibe-table-cell--highlight::before {\n opacity: 1;\n width: 4px;\n }\n\n \/* 正文描述文字（表格内的对比内容） *\/\n #slimifyvibe-comparison .slimifyvibe-comp-text {\n font-size: 1.3rem; \/* 移动端正文 1.3rem *\/\n font-weight: 600; \/* 正文描述字重 600 *\/\n }\n #slimifyvibe-comparison .slimifyvibe-comp-text-highlight {\n color: #2a1a0a;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-text-dim {\n color: #888;\n }\n\n \/* 图标 *\/\n #slimifyvibe-comparison .slimifyvibe-comp-icon {\n flex-shrink: 0;\n width: 20px; height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.75rem;\n font-weight: 700;\n line-height: 1;\n transition: transform 0.35s ease, box-shadow 0.35s ease;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-icon-check {\n background: var(--trust-green);\n color: #fff;\n box-shadow: 0 2px 8px rgba(27, 126, 90, 0.25);\n }\n #slimifyvibe-comparison .slimifyvibe-comp-icon-cross {\n background: #e8e8e8;\n color: #b0b0b0;\n }\n #slimifyvibe-comparison .slimifyvibe-table-row:hover .slimifyvibe-comp-icon-check {\n transform: scale(1.15);\n box-shadow: 0 3px 12px rgba(27, 126, 90, 0.4);\n }\n #slimifyvibe-comparison .slimifyvibe-table-row:hover .slimifyvibe-comp-icon-cross {\n transform: scale(1.1);\n background: #f0e0e0;\n color: #c0a0a0;\n }\n\n \/* ============ 响应式：768px+ 桌面端 ============ *\/\n @media (min-width: 768px) {\n #slimifyvibe-comparison {\n padding: 60px 30px;\n }\n #slimifyvibe-comparison .slimifyvibe-card {\n padding: 36px 28px;\n gap: 30px;\n }\n #slimifyvibe-comparison .slimifyvibe-comparison-headline {\n font-size: 4.2rem; \/* 桌面端标题 4.2rem *\/\n }\n #slimifyvibe-comparison .slimifyvibe-table-header-cell {\n font-size: 1.15rem; \/* 桌面端最小 1.15rem *\/\n padding: 18px 14px;\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell {\n padding: 16px 14px;\n gap: 12px;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-text {\n font-size: 1.7rem; \/* 桌面端正文 1.7rem *\/\n }\n #slimifyvibe-comparison .slimifyvibe-comp-icon {\n width: 24px; height: 24px;\n font-size: 0.85rem;\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell--highlight::before {\n width: 4px;\n }\n #slimifyvibe-comparison .slimifyvibe-table-row:hover .slimifyvibe-table-cell--highlight::before {\n width: 5px;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-orb--top {\n width: 400px; height: 400px; top: -150px; right: -120px;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-orb--bottom {\n width: 300px; height: 300px; bottom: -100px; left: -80px;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-geo--1 {\n width: 300px; height: 300px; top: 8%; right: -80px;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-geo--2 {\n width: 180px; height: 180px; bottom: 10%; left: -50px;\n }\n }\n\n @media (min-width: 1024px) {\n #slimifyvibe-comparison {\n padding: 70px 40px;\n }\n #slimifyvibe-comparison .slimifyvibe-card {\n padding: 42px 34px;\n gap: 34px;\n }\n #slimifyvibe-comparison .slimifyvibe-table-header-cell {\n font-size: 1.25rem;\n padding: 20px 16px;\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell {\n padding: 18px 16px;\n gap: 14px;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-text {\n font-size: 1.8rem;\n }\n }\n\n @media (max-width: 400px) {\n #slimifyvibe-comparison {\n padding: 30px 8px;\n }\n #slimifyvibe-comparison .slimifyvibe-card {\n padding: 20px 10px;\n gap: 18px;\n }\n #slimifyvibe-comparison .slimifyvibe-comparison-headline {\n font-size: 2.3rem; \/* 保持移动端最小值 *\/\n }\n #slimifyvibe-comparison .slimifyvibe-table-header-cell {\n font-size: 1.05rem;\n padding: 10px 6px;\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell {\n padding: 10px 8px;\n gap: 6px;\n }\n #slimifyvibe-comparison .slimifyvibe-comp-text {\n font-size: 1.3rem; \/* 保持移动端正文最小值 *\/\n }\n #slimifyvibe-comparison .slimifyvibe-comp-icon {\n width: 17px; height: 17px;\n font-size: 0.65rem;\n }\n #slimifyvibe-comparison .slimifyvibe-table-cell--highlight::before {\n width: 2px;\n }\n }\n \u003c\/style\u003e\n\n\n\n \u003c!-- ==================== 对比模块 ==================== --\u003e\n \u003csection id=\"slimifyvibe-comparison\" aria-label=\"Slimifyvibe Comparison Table\"\u003e\n\n \u003c!-- 背景氛围装饰 --\u003e\n \u003cdiv class=\"slimifyvibe-comparison-ambient\"\u003e\n \u003cdiv class=\"slimifyvibe-comp-orb slimifyvibe-comp-orb--top\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-comp-orb slimifyvibe-comp-orb--bottom\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-comp-geo slimifyvibe-comp-geo--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-comp-geo slimifyvibe-comp-geo--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-comp-sparkle slimifyvibe-comp-sparkle--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-comp-sparkle slimifyvibe-comp-sparkle--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-comp-sparkle slimifyvibe-comp-sparkle--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-comp-sparkle slimifyvibe-comp-sparkle--4\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-comp-grid\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 主内容容器 --\u003e\n \u003cdiv class=\"slimifyvibe-comparison-inner\"\u003e\n\n \u003c!-- 整体卡片：标题 + 表格 --\u003e\n \u003cdiv class=\"slimifyvibe-card\"\u003e\n\n \u003c!-- 标题 --\u003e\n \u003ch2 class=\"slimifyvibe-comparison-headline\"\u003e\n Why Settle? Choose the \u003cspan class=\"slimifyvibe-comparison-headline-accent\"\u003eSmarter Support\u003c\/span\u003e.\n \u003c\/h2\u003e\n\n \u003c!-- 表格 --\u003e\n \u003cdiv class=\"slimifyvibe-table\"\u003e\n\n \u003c!-- 表头 --\u003e\n \u003cdiv class=\"slimifyvibe-table-header\"\u003e\n \u003cdiv class=\"slimifyvibe-table-header-cell slimifyvibe-table-header-cell--highlight\"\u003e\n \u003cspan class=\"slimifyvibe-header-star\"\u003e✦\u003c\/span\u003e Slimifyfit™\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-table-header-cell slimifyvibe-table-header-cell--dim\"\u003e\n Others\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 行 1 --\u003e\n \u003cdiv class=\"slimifyvibe-table-row\"\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--highlight\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-highlight\"\u003eWorks topically — avoids stomach acids\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--dim\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-cross\"\u003e✕\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-dim\"\u003ePills can irritate the gut\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 行 2 --\u003e\n \u003cdiv class=\"slimifyvibe-table-row\"\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--highlight\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-highlight\"\u003e12-hour steady release — no peaks \u0026amp; crashes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--dim\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-cross\"\u003e✕\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-dim\"\u003eOral supplements wear off quickly\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 行 3 --\u003e\n \u003cdiv class=\"slimifyvibe-table-row\"\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--highlight\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-highlight\"\u003eNo pills or powders — discreet patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--dim\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-cross\"\u003e✕\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-dim\"\u003eMessy alternatives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 行 4 --\u003e\n \u003cdiv class=\"slimifyvibe-table-row\"\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--highlight\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-highlight\"\u003eWaterproof \u0026amp; discreet — swim, shower, sweat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--dim\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-cross\"\u003e✕\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-dim\"\u003eOther solutions fail when wet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 行 5 --\u003e\n \u003cdiv class=\"slimifyvibe-table-row\"\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--highlight\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-highlight\"\u003e100% natural ingredients — vegan, organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--dim\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-cross\"\u003e✕\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-dim\"\u003eFillers and artificial binders\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 行 6 --\u003e\n \u003cdiv class=\"slimifyvibe-table-row\"\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--highlight\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-highlight\"\u003eGMP certified — rigorous quality control\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--dim\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-cross\"\u003e✕\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-dim\"\u003eUnregulated production\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 行 7 --\u003e\n \u003cdiv class=\"slimifyvibe-table-row\"\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--highlight\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-highlight\"\u003eVegan \u0026amp; organic — clean lifestyle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-table-cell slimifyvibe-table-cell--dim\"\u003e\n \u003cspan class=\"slimifyvibe-comp-icon slimifyvibe-comp-icon-cross\"\u003e✕\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-comp-text slimifyvibe-comp-text-dim\"\u003eGelatin capsules common\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c!-- \/表格 --\u003e\n \u003c\/div\u003e\n\u003c!-- \/整体卡片 --\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003cstyle\u003e \u003c\/style\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_MgeQ6P\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_MgeQ6P-padding {\n padding-top: calc(100px * 0.75);\n padding-bottom: calc(100px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_MgeQ6P-padding {\n padding-top: 100px;\n padding-bottom: 100px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_MgeQ6P-padding\"\u003e\n \u003csection id=\"slimifyvibe-science\"\u003e\n \u003cdiv class=\"sv-geo-lines\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-flow-lines\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-content\" id=\"svContent\"\u003e\n\u003cdiv class=\"sv-header\"\u003e\n\u003cdiv class=\"sv-header__badge\" style=\"animation-play-state: running; opacity: 1;\"\u003e\n\u003cspan class=\"sv-header__badge-dot\"\u003e\u003c\/span\u003e Science Driven\u003c\/div\u003e\n\u003ch2 class=\"sv-header__title\" style=\"animation-play-state: running; opacity: 1;\"\u003eQuiet The Noise. Restore Steady Control.\u003c\/h2\u003e\n\u003cp class=\"sv-header__sub\" style=\"animation-play-state: running; opacity: 1;\"\u003eOur transdermal approach works with your body's own bio-electric field, harmonizing signals that keep you steady.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-mobile-layout\"\u003e\n\u003cdiv class=\"sv-mobile-image-wrap\"\u003e\n\u003cdiv class=\"sv-image-glow-ring\"\u003e\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134156_001_81ebe2f8-68ac-414d-9b5c-983ed8b10289.jpg?v=1783341720\" alt=\"Slimifyvibe™ technology\" loading=\"lazy\"\u003e\u003cdiv class=\"sv-image-badge\"\u003eTech View\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-mobile-cards-grid\"\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"0\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e1\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eConductive Balance\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eBio-electric field support for clearer nervous system communication.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eCore Layer\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"1\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e2\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eFlexible Comfort\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eThin, lightweight — moves with every bend.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eComfort\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"2\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e3\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003e12-Hour Support\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eUp to 12 hours of consistent, steady wear.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eExtended\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"3\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e4\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eProtective Shield\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eGuards against environmental factors.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eOuter\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"4\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e5\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eGentle Adhesion\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eHypoallergenic, secure, zero residue.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eMedical\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"5\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e6\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eDrug-Free\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eZero active pharmaceutical ingredients.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eNatural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-desktop-layout\" style=\"animation-play-state: running; opacity: 1;\"\u003e\n\u003cdiv class=\"sv-desktop-col sv-desktop-col--left\"\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"0\"\u003e\n\u003cdiv class=\"sv-card__icon-row\" style=\"justify-content:flex-end;\"\u003e\n\u003ch3\u003eConductive Balance\u003c\/h3\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e1\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"text-align:right;\"\u003eBio-electric field support for clearer nervous system communication.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"align-self:flex-end;\"\u003eCore Layer\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"1\"\u003e\n\u003cdiv class=\"sv-card__icon-row\" style=\"justify-content:flex-end;\"\u003e\n\u003ch3\u003eFlexible Comfort\u003c\/h3\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e2\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"text-align:right;\"\u003eThin, lightweight — moves with every bend.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"align-self:flex-end;\"\u003eComfort\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"2\"\u003e\n\u003cdiv class=\"sv-card__icon-row\" style=\"justify-content:flex-end;\"\u003e\n\u003ch3\u003e12-Hour Support\u003c\/h3\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e3\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"text-align:right;\"\u003eUp to 12 hours of consistent, steady wear.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"align-self:flex-end;\"\u003eExtended\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-desktop-image-wrap\" id=\"svDesktopImage\"\u003e\n\u003cdiv class=\"sv-image-glow-ring\"\u003e\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134156_001_81ebe2f8-68ac-414d-9b5c-983ed8b10289.jpg?v=1783341720\" alt=\"Slimifyvibe™ technology\" loading=\"lazy\"\u003e\u003cdiv class=\"sv-conn-dot sv-conn-dot--l1\" data-dot=\"0\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-conn-dot sv-conn-dot--l2\" data-dot=\"1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-conn-dot sv-conn-dot--l3\" data-dot=\"2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-conn-dot sv-conn-dot--r1\" data-dot=\"3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-conn-dot sv-conn-dot--r2\" data-dot=\"4\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-conn-dot sv-conn-dot--r3\" data-dot=\"5\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-image-badge\"\u003eTech View\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-desktop-col sv-desktop-col--right\"\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"3\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e4\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eProtective Shield\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eGuards against environmental factors.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eOuter\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"4\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e5\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eGentle Adhesion\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eHypoallergenic, secure, zero residue.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eMedical\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\" data-card-index=\"5\"\u003e\n\u003cdiv class=\"sv-card__icon-row\"\u003e\n\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e6\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eDrug-Free\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-card__desc\" style=\"\"\u003eZero active pharmaceutical ingredients.\u003c\/p\u003e\n\u003cspan class=\"sv-card__tag\" style=\"\"\u003eNatural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-stat\" style=\"animation-play-state: running; opacity: 1;\"\u003e\n\u003cdiv class=\"sv-stat__number\"\u003e97%\u003c\/div\u003e\n\u003cdiv class=\"sv-stat__label\"\u003ereported noticeable improvement within 2 weeks.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800\u0026family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600;1,700;1,800\u0026display=swap');\n\n #slimifyvibe-science {\n --sv-brand: #fd8e03;\n --sv-brand-soft: rgba(253, 142, 3, 0.12);\n --sv-dark-bg: #0c0c14;\n --sv-surface: #14141f;\n --sv-card-bg: rgba(20, 20, 31, 0.7);\n --sv-border: rgba(255, 255, 255, 0.06);\n --sv-text-primary: #f2f2f7;\n --sv-text-secondary: rgba(210, 210, 220, 0.7);\n --sv-radius-sm: 12px;\n --sv-radius-md: 20px;\n --sv-radius-lg: 32px;\n --sv-transition-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n --sv-transition-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n \/* 模块居中关键 *\/\n display: block;\n width: 100%;\n max-width: 1200px;\n margin-left: auto !important;\n margin-right: auto !important;\n float: none;\n position: relative;\n isolation: isolate;\n background: var(--sv-dark-bg);\n border-radius: var(--sv-radius-lg);\n padding: 32px 14px 36px;\n overflow: hidden;\n box-sizing: border-box;\n box-shadow: 0 30px 80px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.03);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n #slimifyvibe-science,\n #slimifyvibe-science * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \/* 背景几何线条 *\/\n #slimifyvibe-science .sv-geo-lines {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n opacity: 0.06;\n background-image:\n repeating-linear-gradient(45deg, #fff 0px, #fff 1px, transparent 1px, transparent 30px),\n repeating-linear-gradient(-45deg, #fff 0px, #fff 1px, transparent 1px, transparent 30px);\n mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);\n }\n #slimifyvibe-science .sv-flow-lines {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n opacity: 0.15;\n background:\n radial-gradient(circle at 30% 40%, rgba(253,142,3,0.2) 0%, transparent 40%),\n radial-gradient(circle at 70% 60%, rgba(253,142,3,0.15) 0%, transparent 40%);\n animation: svFlowPulse 6s ease-in-out infinite;\n }\n @keyframes svFlowPulse {\n 0%,100% { opacity: 0.12; transform: scale(1); }\n 50% { opacity: 0.22; transform: scale(1.04); }\n }\n #slimifyvibe-science .sv-content {\n position: relative;\n z-index: 2;\n max-width: 1100px;\n margin: 0 auto;\n width: 100%;\n }\n\n \/* 头部 *\/\n #slimifyvibe-science .sv-header {\n text-align: center;\n margin-bottom: 24px;\n }\n #slimifyvibe-science .sv-header__badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--sv-brand-soft);\n border: 1px solid rgba(253, 142, 3, 0.22);\n border-radius: 40px;\n padding: 8px 20px;\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--sv-brand);\n letter-spacing: 0.6px;\n margin-bottom: 14px;\n animation: svFadeUp 0.7s var(--sv-transition-smooth) forwards;\n opacity: 0;\n max-width: 100%;\n white-space: nowrap;\n font-family: 'Inter', sans-serif;\n }\n #slimifyvibe-science .sv-header__badge-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--sv-brand);\n box-shadow: 0 0 12px 3px rgba(253,142,3,0.5);\n animation: svDotPulse 2s ease-in-out infinite;\n flex-shrink: 0;\n }\n @keyframes svDotPulse {\n 0%,100% { box-shadow: 0 0 8px 2px rgba(253,142,3,0.4); }\n 50% { box-shadow: 0 0 20px 6px rgba(253,142,3,0.7); }\n }\n #slimifyvibe-science .sv-header__title {\n font-family: 'Playfair Display', serif;\n font-size: 2.3rem;\n font-weight: 800;\n color: var(--sv-text-primary);\n line-height: 1.15;\n letter-spacing: -0.5px;\n margin-bottom: 8px;\n animation: svFadeUp 0.7s var(--sv-transition-smooth) 0.1s forwards;\n opacity: 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n max-width: 100%;\n }\n #slimifyvibe-science .sv-header__sub {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--sv-text-secondary);\n line-height: 1.4;\n max-width: 520px;\n margin: 0 auto;\n animation: svFadeUp 0.7s var(--sv-transition-smooth) 0.2s forwards;\n opacity: 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n @keyframes svFadeUp {\n from { opacity: 0; transform: translateY(18px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ========== 移动端布局 ========== *\/\n #slimifyvibe-science .sv-mobile-layout {\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n }\n #slimifyvibe-science .sv-mobile-image-wrap {\n position: relative;\n width: 100%;\n max-width: 100%;\n aspect-ratio: 1 \/ 1;\n border-radius: var(--sv-radius-md);\n overflow: hidden;\n background: #0e0e18;\n border: 1px solid var(--sv-border);\n box-shadow: 0 8px 36px rgba(0,0,0,0.5);\n cursor: pointer;\n z-index: 1;\n margin: 4px 0;\n }\n #slimifyvibe-science .sv-mobile-image-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n max-width: 100%;\n }\n #slimifyvibe-science .sv-mobile-image-wrap:active {\n transform: scale(0.98);\n }\n #slimifyvibe-science .sv-mobile-cards-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n width: 100%;\n }\n #slimifyvibe-science .sv-image-glow-ring {\n position: absolute;\n inset: 2px;\n border-radius: inherit;\n pointer-events: none;\n z-index: 3;\n border: 2px solid transparent;\n border-top-color: rgba(253,142,3,0.3);\n border-right-color: rgba(253,142,3,0.15);\n animation: svRingRotate 10s linear infinite;\n }\n @keyframes svRingRotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n #slimifyvibe-science .sv-image-badge {\n position: absolute;\n bottom: 12px;\n right: 12px;\n background: rgba(10,10,18,0.85);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border-radius: 20px;\n padding: 5px 13px;\n font-size: 1.05rem;\n font-weight: 600;\n color: #fff;\n box-shadow: 0 2px 12px rgba(0,0,0,0.4);\n z-index: 4;\n border: 1px solid rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n gap: 5px;\n white-space: nowrap;\n font-family: 'Inter', sans-serif;\n }\n #slimifyvibe-science .sv-image-badge::before {\n content: '';\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #4caf84;\n box-shadow: 0 0 8px #4caf84;\n flex-shrink: 0;\n }\n\n \/* 卡片 *\/\n #slimifyvibe-science .sv-card {\n background: var(--sv-card-bg);\n border-radius: var(--sv-radius-sm);\n padding: 12px 10px;\n border: 1px solid var(--sv-border);\n display: flex;\n flex-direction: column;\n gap: 5px;\n transition: all 0.35s var(--sv-transition-smooth);\n position: relative;\n z-index: 1;\n cursor: default;\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n overflow: hidden;\n min-width: 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n #slimifyvibe-science .sv-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 20%, var(--sv-brand-soft) 0%, transparent 60%);\n opacity: 0;\n transition: opacity 0.4s ease;\n pointer-events: none;\n z-index: -1;\n }\n #slimifyvibe-science .sv-card:hover::after {\n opacity: 1;\n }\n #slimifyvibe-science .sv-card:hover {\n border-color: rgba(253,142,3,0.35);\n box-shadow: 0 8px 28px rgba(0,0,0,0.5), 0 0 0 1px rgba(253,142,3,0.15);\n transform: translateY(-2px);\n }\n #slimifyvibe-science .sv-card:active {\n transform: scale(0.97);\n }\n #slimifyvibe-science .sv-card__icon-row {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n }\n #slimifyvibe-science .sv-card__diamond {\n width: 28px;\n height: 28px;\n background: var(--sv-brand-soft);\n border: 1px solid rgba(253,142,3,0.25);\n transform: rotate(45deg);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border-radius: 4px;\n position: relative;\n }\n #slimifyvibe-science .sv-card__diamond span {\n transform: rotate(-45deg);\n font-weight: 700;\n font-size: 1.75rem;\n color: var(--sv-brand);\n line-height: 1;\n }\n #slimifyvibe-science .sv-card:hover .sv-card__diamond {\n border-color: rgba(253,142,3,0.6);\n box-shadow: 0 0 14px 3px rgba(253,142,3,0.2);\n }\n #slimifyvibe-science .sv-card h3 {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--sv-text-primary);\n line-height: 1.2;\n flex: 1;\n min-width: 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n font-family: 'Inter', sans-serif;\n }\n #slimifyvibe-science .sv-card__desc {\n font-size: 1.15rem;\n font-weight: 600;\n color: var(--sv-text-secondary);\n line-height: 1.35;\n word-wrap: break-word;\n overflow-wrap: break-word;\n font-family: 'Inter', sans-serif;\n }\n #slimifyvibe-science .sv-card__tag {\n display: inline-flex;\n align-items: center;\n gap: 3px;\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--sv-brand);\n background: var(--sv-brand-soft);\n padding: 4px 10px;\n border-radius: 10px;\n align-self: flex-start;\n border: 1px solid rgba(253,142,3,0.12);\n white-space: nowrap;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: 'Inter', sans-serif;\n }\n\n \/* 统计 *\/\n #slimifyvibe-science .sv-stat {\n text-align: center;\n margin-top: 22px;\n animation: svFadeUp 0.7s var(--sv-transition-smooth) 0.5s forwards;\n opacity: 0;\n }\n #slimifyvibe-science .sv-stat__number {\n font-size: 1.7rem;\n font-weight: 800;\n background: linear-gradient(135deg, #fd8e03, #f5a623, #fd8e03);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: svShimmer 3s ease-in-out infinite;\n font-family: 'Inter', sans-serif;\n }\n @keyframes svShimmer {\n 0% { background-position: 0% center; }\n 50% { background-position: 100% center; }\n 100% { background-position: 0% center; }\n }\n #slimifyvibe-science .sv-stat__label {\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--sv-text-secondary);\n margin-top: 4px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n max-width: 100%;\n padding: 0 8px;\n font-family: 'Inter', sans-serif;\n }\n\n \/* ========== 桌面端布局（默认隐藏） ========== *\/\n #slimifyvibe-science .sv-desktop-layout {\n display: none;\n }\n\n \/* ========== 平板及以上 ========== *\/\n @media (min-width: 768px) {\n #slimifyvibe-science {\n padding: 50px 28px 48px;\n border-radius: 44px;\n }\n #slimifyvibe-science .sv-header {\n margin-bottom: 28px;\n }\n #slimifyvibe-science .sv-header__title {\n font-size: 4.2rem;\n letter-spacing: -0.8px;\n margin-bottom: 10px;\n }\n #slimifyvibe-science .sv-header__sub {\n font-size: 1.7rem;\n max-width: 620px;\n }\n #slimifyvibe-science .sv-header__badge {\n font-size: 1.15rem;\n padding: 10px 24px;\n margin-bottom: 18px;\n }\n #slimifyvibe-science .sv-mobile-layout {\n display: none;\n }\n \/* 改为 Flex 布局确保居中 *\/\n #slimifyvibe-science .sv-desktop-layout {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-top: 8px;\n animation: svFadeUp 0.7s var(--sv-transition-smooth) 0.3s forwards;\n opacity: 0;\n width: 100%;\n }\n #slimifyvibe-science .sv-desktop-col {\n display: flex;\n flex-direction: column;\n gap: 12px;\n min-width: 0;\n flex: 1; \/* 左右列均分剩余空间 *\/\n }\n #slimifyvibe-science .sv-desktop-col--left {\n align-items: flex-end; \/* 卡片靠右 *\/\n }\n #slimifyvibe-science .sv-desktop-col--right {\n align-items: flex-start; \/* 卡片靠左 *\/\n }\n #slimifyvibe-science .sv-desktop-col .sv-card {\n max-width: 300px;\n width: 100%;\n padding: 16px 14px;\n gap: 6px;\n }\n #slimifyvibe-science .sv-desktop-col--left .sv-card {\n text-align: right;\n }\n #slimifyvibe-science .sv-card h3 {\n font-size: 1.7rem;\n }\n #slimifyvibe-science .sv-card__desc {\n font-size: 1.5rem;\n line-height: 1.35;\n }\n #slimifyvibe-science .sv-card__tag {\n font-size: 1.15rem;\n padding: 4px 12px;\n }\n #slimifyvibe-science .sv-desktop-image-wrap {\n position: relative;\n width: 400px; \/* 固定宽度，保证居中 *\/\n max-width: 100%;\n aspect-ratio: 1 \/ 1;\n border-radius: var(--sv-radius-md);\n overflow: hidden;\n background: #0e0e18;\n border: 1px solid var(--sv-border);\n box-shadow: 0 10px 44px rgba(0,0,0,0.55);\n cursor: pointer;\n z-index: 3;\n transition: box-shadow 0.5s, transform 0.5s;\n flex-shrink: 0; \/* 防止被压缩 *\/\n }\n #slimifyvibe-science .sv-desktop-image-wrap:hover {\n box-shadow: 0 18px 60px rgba(0,0,0,0.7);\n transform: translateY(-3px);\n }\n #slimifyvibe-science .sv-desktop-image-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n max-width: 100%;\n }\n #slimifyvibe-science .sv-desktop-image-wrap::after {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n transition: background 0.5s;\n z-index: 3;\n }\n #slimifyvibe-science .sv-desktop-image-wrap.glow-left::after {\n background: linear-gradient(90deg, rgba(253,142,3,0.18) 0%, transparent 25%);\n }\n #slimifyvibe-science .sv-desktop-image-wrap.glow-right::after {\n background: linear-gradient(270deg, rgba(253,142,3,0.18) 0%, transparent 25%);\n }\n #slimifyvibe-science .sv-conn-dot {\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--sv-brand);\n z-index: 5;\n pointer-events: none;\n transition: transform 0.4s var(--sv-transition-spring), box-shadow 0.4s;\n box-shadow: 0 0 8px 3px rgba(253,142,3,0.4);\n }\n #slimifyvibe-science .sv-conn-dot.pulse-active {\n transform: scale(3.2);\n box-shadow: 0 0 22px 10px rgba(253,142,3,0.6);\n }\n #slimifyvibe-science .sv-conn-dot--l1 { top: 12%; left: 0; }\n #slimifyvibe-science .sv-conn-dot--l2 { top: 36%; left: 0; }\n #slimifyvibe-science .sv-conn-dot--l3 { top: 60%; left: 0; }\n #slimifyvibe-science .sv-conn-dot--r1 { top: 12%; right: 0; }\n #slimifyvibe-science .sv-conn-dot--r2 { top: 36%; right: 0; }\n #slimifyvibe-science .sv-conn-dot--r3 { top: 60%; right: 0; }\n #slimifyvibe-science .sv-stat__number {\n font-size: 2.3rem;\n }\n #slimifyvibe-science .sv-stat__label {\n font-size: 1.15rem;\n }\n #slimifyvibe-science .sv-image-badge {\n font-size: 1.15rem;\n }\n }\n @media (min-width: 1024px) {\n #slimifyvibe-science .sv-desktop-layout {\n gap: 24px;\n }\n #slimifyvibe-science .sv-desktop-col .sv-card {\n max-width: 320px;\n padding: 18px 16px;\n }\n #slimifyvibe-science {\n padding: 56px 32px 52px;\n }\n #slimifyvibe-science .sv-desktop-image-wrap {\n width: 440px;\n }\n }\n @media (max-width: 374px) {\n #slimifyvibe-science {\n padding: 20px 8px 24px;\n border-radius: 24px;\n }\n #slimifyvibe-science .sv-mobile-cards-grid {\n gap: 6px;\n }\n #slimifyvibe-science .sv-card {\n padding: 10px 7px;\n gap: 4px;\n }\n #slimifyvibe-science .sv-card__diamond {\n width: 24px;\n height: 24px;\n }\n #slimifyvibe-science .sv-card__diamond span {\n font-size: 0.7rem;\n }\n #slimifyvibe-science .sv-card h3 {\n font-size: 1.05rem;\n }\n #slimifyvibe-science .sv-card__desc {\n font-size: 1.05rem;\n }\n #slimifyvibe-science .sv-card__tag {\n font-size: 1.05rem;\n padding: 3px 8px;\n }\n #slimifyvibe-science .sv-header__title {\n font-size: 2.3rem;\n }\n #slimifyvibe-science .sv-header__sub {\n font-size: 1.3rem;\n }\n #slimifyvibe-science .sv-header__badge {\n font-size: 1.05rem;\n padding: 6px 14px;\n }\n #slimifyvibe-science .sv-mobile-image-wrap {\n border-radius: 16px;\n }\n #slimifyvibe-science .sv-stat__number {\n font-size: 1.5rem;\n }\n #slimifyvibe-science .sv-stat__label {\n font-size: 1.05rem;\n }\n #slimifyvibe-science .sv-image-badge {\n font-size: 1.05rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n (function() {\n var moduleData = {\n badge: \"Science Driven\",\n title: \"Quiet The Noise. Restore Steady Control.\",\n subtitle: \"Our transdermal approach works with your body's own bio-electric field, harmonizing signals that keep you steady.\",\n imageUrl: \"https:\/\/placehold.co\/600x600\/0e0e18\/fd8e03?text=Slimifyvibe+Tech\",\n desktopImageUrl: \"https:\/\/placehold.co\/600x600\/0e0e18\/fd8e03?text=Slimifyvibe+Pro\",\n imageBadge: \"Tech View\",\n statNumber: \"97%\",\n statLabel: \"reported noticeable improvement within 2 weeks.\",\n cards: [\n { num: \"1\", title: \"Conductive Balance\", desc: \"Bio-electric field support for clearer nervous system communication.\", tag: \"Core Layer\" },\n { num: \"2\", title: \"Flexible Comfort\", desc: \"Thin, lightweight — moves with every bend.\", tag: \"Comfort\" },\n { num: \"3\", title: \"12-Hour Support\", desc: \"Up to 12 hours of consistent, steady wear.\", tag: \"Extended\" },\n { num: \"4\", title: \"Protective Shield\", desc: \"Guards against environmental factors.\", tag: \"Outer\" },\n { num: \"5\", title: \"Gentle Adhesion\", desc: \"Hypoallergenic, secure, zero residue.\", tag: \"Medical\" },\n { num: \"6\", title: \"Drug-Free\", desc: \"Zero active pharmaceutical ingredients.\", tag: \"Natural\" }\n ]\n };\n\n function createCardHTML(card, isDesktop, alignRight) {\n var iconRow = '';\n if (isDesktop \u0026\u0026 alignRight) {\n iconRow = '\u003cdiv class=\"sv-card__icon-row\" style=\"justify-content:flex-end;\"\u003e'\n + '\u003ch3\u003e' + card.title + '\u003c\/h3\u003e'\n + '\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e' + card.num + '\u003c\/span\u003e\u003c\/div\u003e'\n + '\u003c\/div\u003e';\n } else {\n iconRow = '\u003cdiv class=\"sv-card__icon-row\"\u003e'\n + '\u003cdiv class=\"sv-card__diamond\"\u003e\u003cspan\u003e' + card.num + '\u003c\/span\u003e\u003c\/div\u003e'\n + '\u003ch3\u003e' + card.title + '\u003c\/h3\u003e'\n + '\u003c\/div\u003e';\n }\n var descAlign = (isDesktop \u0026\u0026 alignRight) ? 'text-align:right;' : '';\n var tagAlign = (isDesktop \u0026\u0026 alignRight) ? 'align-self:flex-end;' : '';\n return '\u003cdiv class=\"sv-card\" data-card-index=\"' + (parseInt(card.num) - 1) + '\"\u003e'\n + iconRow\n + '\u003cp class=\"sv-card__desc\" style=\"' + descAlign + '\"\u003e' + card.desc + '\u003c\/p\u003e'\n + '\u003cspan class=\"sv-card__tag\" style=\"' + tagAlign + '\"\u003e' + card.tag + '\u003c\/span\u003e'\n + '\u003c\/div\u003e';\n }\n\n function render() {\n var container = document.getElementById('svContent');\n if (!container) return;\n var d = moduleData;\n var c = d.cards;\n var mobileCardsHTML = '';\n for (var i = 0; i \u003c c.length; i++) {\n mobileCardsHTML += createCardHTML(c[i], false, false);\n }\n var desktopLeft = '';\n for (var i = 0; i \u003c 3; i++) {\n desktopLeft += createCardHTML(c[i], true, true);\n }\n var desktopRight = '';\n for (var i = 3; i \u003c 6; i++) {\n desktopRight += createCardHTML(c[i], true, false);\n }\n\n container.innerHTML =\n '\u003cdiv class=\"sv-header\"\u003e'\n + '\u003cdiv class=\"sv-header__badge\"\u003e\u003cspan class=\"sv-header__badge-dot\"\u003e\u003c\/span\u003e ' + d.badge + '\u003c\/div\u003e'\n + '\u003ch2 class=\"sv-header__title\"\u003e' + d.title + '\u003c\/h2\u003e'\n + '\u003cp class=\"sv-header__sub\"\u003e' + d.subtitle + '\u003c\/p\u003e'\n + '\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-mobile-layout\"\u003e'\n + '\u003cdiv class=\"sv-mobile-image-wrap\"\u003e'\n + '\u003cdiv class=\"sv-image-glow-ring\"\u003e\u003c\/div\u003e'\n + '\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134156_001_81ebe2f8-68ac-414d-9b5c-983ed8b10289.jpg?v=1783341720\" alt=\"Slimifyvibe™ technology\" loading=\"lazy\"\u003e'\n + '\u003cdiv class=\"sv-image-badge\"\u003e' + d.imageBadge + '\u003c\/div\u003e'\n + '\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-mobile-cards-grid\"\u003e' + mobileCardsHTML + '\u003c\/div\u003e'\n + '\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-desktop-layout\"\u003e'\n + '\u003cdiv class=\"sv-desktop-col sv-desktop-col--left\"\u003e' + desktopLeft + '\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-desktop-image-wrap\" id=\"svDesktopImage\"\u003e'\n + '\u003cdiv class=\"sv-image-glow-ring\"\u003e\u003c\/div\u003e'\n + '\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134156_001_81ebe2f8-68ac-414d-9b5c-983ed8b10289.jpg?v=1783341720\" alt=\"Slimifyvibe™ technology\" loading=\"lazy\"\u003e'\n + '\u003cdiv class=\"sv-conn-dot sv-conn-dot--l1\" data-dot=\"0\"\u003e\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-conn-dot sv-conn-dot--l2\" data-dot=\"1\"\u003e\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-conn-dot sv-conn-dot--l3\" data-dot=\"2\"\u003e\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-conn-dot sv-conn-dot--r1\" data-dot=\"3\"\u003e\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-conn-dot sv-conn-dot--r2\" data-dot=\"4\"\u003e\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-conn-dot sv-conn-dot--r3\" data-dot=\"5\"\u003e\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-image-badge\"\u003e' + d.imageBadge + '\u003c\/div\u003e'\n + '\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-desktop-col sv-desktop-col--right\"\u003e' + desktopRight + '\u003c\/div\u003e'\n + '\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-stat\"\u003e'\n + '\u003cdiv class=\"sv-stat__number\"\u003e' + d.statNumber + '\u003c\/div\u003e'\n + '\u003cdiv class=\"sv-stat__label\"\u003e' + d.statLabel + '\u003c\/div\u003e'\n + '\u003c\/div\u003e';\n }\n\n render();\n\n function initDesktopInteractions() {\n var desktopImage = document.getElementById('svDesktopImage');\n if (!desktopImage) return;\n var dots = desktopImage.querySelectorAll('.sv-conn-dot');\n var dCards = document.querySelectorAll('#slimifyvibe-science .sv-desktop-col .sv-card');\n\n function resetDots() {\n for (var i = 0; i \u003c dots.length; i++) {\n dots[i].classList.remove('pulse-active');\n }\n }\n function activateDot(idx) {\n resetDots();\n var dot = desktopImage.querySelector('.sv-conn-dot[data-dot=\"' + idx + '\"]');\n if (dot) dot.classList.add('pulse-active');\n }\n for (var j = 0; j \u003c dCards.length; j++) {\n dCards[j].addEventListener('mouseenter', function() {\n var idx = parseInt(this.getAttribute('data-card-index'));\n if (!isNaN(idx)) {\n activateDot(idx);\n if (this.closest('.sv-desktop-col--left')) {\n desktopImage.classList.add('glow-left');\n desktopImage.classList.remove('glow-right');\n } else {\n desktopImage.classList.add('glow-right');\n desktopImage.classList.remove('glow-left');\n }\n }\n });\n dCards[j].addEventListener('mouseleave', function() {\n resetDots();\n desktopImage.classList.remove('glow-left', 'glow-right');\n });\n }\n desktopImage.addEventListener('mouseenter', function() {\n for (var k = 0; k \u003c dots.length; k++) {\n dots[k].classList.add('pulse-active');\n }\n });\n desktopImage.addEventListener('mouseleave', function() {\n for (var k = 0; k \u003c dots.length; k++) {\n dots[k].classList.remove('pulse-active');\n }\n });\n }\n\n function initObserver() {\n var section = document.getElementById('slimifyvibe-science');\n if (!section) return;\n var animEls = section.querySelectorAll(\n '.sv-header__badge, .sv-header__title, .sv-header__sub, .sv-stat, .sv-desktop-layout'\n );\n function tryRunAnimation(el) {\n var rect = el.getBoundingClientRect();\n if (rect.top \u003c window.innerHeight \u0026\u0026 rect.bottom \u003e 0) {\n el.style.animationPlayState = 'running';\n el.style.opacity = '1';\n return true;\n }\n return false;\n }\n for (var i = 0; i \u003c animEls.length; i++) {\n tryRunAnimation(animEls[i]);\n }\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function(entries) {\n for (var e = 0; e \u003c entries.length; e++) {\n if (entries[e].isIntersecting) {\n entries[e].target.style.animationPlayState = 'running';\n entries[e].target.style.opacity = '1';\n }\n }\n }, { threshold: 0.2 });\n for (var j = 0; j \u003c animEls.length; j++) {\n observer.observe(animEls[j]);\n }\n }\n }\n\n initDesktopInteractions();\n initObserver();\n })();\n\u003c\/script\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_bHryYy\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_bHryYy-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_bHryYy-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_bHryYy-padding\"\u003e\n \n\n\u003cdiv class=\"slimifyvibe-reviews\" id=\"slimifyvibe-reviews\"\u003e\n \u003c!-- Enhanced Background Decorations --\u003e\n \u003cdiv class=\"slim-reviews-bg-decor\"\u003e\n \u003cdiv class=\"slim-reviews-bg-orb slim-reviews-bg-orb--a\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-bg-orb slim-reviews-bg-orb--b\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-bg-orb slim-reviews-bg-orb--c\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-bg-grid\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-bg-ring slim-reviews-bg-ring--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-bg-ring slim-reviews-bg-ring--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-bg-line slim-reviews-bg-line--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-bg-line slim-reviews-bg-line--2\"\u003e\u003c\/div\u003e\n \u003c!-- Floating particles --\u003e\n \u003cdiv class=\"slim-reviews-particle slim-reviews-particle--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-particle slim-reviews-particle--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-particle slim-reviews-particle--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-particle slim-reviews-particle--4\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-particle slim-reviews-particle--5\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-particle slim-reviews-particle--6\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-particle slim-reviews-particle--7\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-reviews-particle slim-reviews-particle--8\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"slim-reviews-inner\"\u003e\n \u003cdiv class=\"slim-reviews-header-block\"\u003e\n \u003cspan class=\"slim-reviews-eyebrow\"\u003e★ Trusted by thousands ★\u003c\/span\u003e\n \u003ch2 class=\"slim-reviews-title\"\u003eLoved by Over 13,000 People\u003c\/h2\u003e\n \u003cp class=\"slim-reviews-subtitle\"\u003eReal stories from real users who found steadiness with Slimifyfit™\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reviews Carousel --\u003e\n \u003cdiv class=\"slim-reviews-carousel\" id=\"slimReviewsCarousel\"\u003e\n \u003c!-- Card 1 --\u003e\n \u003cdiv class=\"slim-review-card\" data-index=\"0\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134206_001_a2fa122d-545a-4c57-bee7-7444f99cfc24.jpg?v=1783419620\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eBest Seller\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eS\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003e\n Sofia R.\n \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eJune 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Miami, FL\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I've been using the Slimifyfit Steady Flow Patch for a few weeks now, and the difference has been amazing. The patch is comfortable, easy to wear, and I barely notice it throughout the day. I've felt much more confident doing simple things like holding my coffee, writing, and eating in public without worrying about my hands shaking. I also love that it's completely drug‑free and doesn't leave me feeling tired or foggy. It's honestly been a huge relief for me. Highly recommended!\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2367\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2367\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 2 --\u003e\n \u003cdiv class=\"slim-review-card\" data-index=\"1\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/image_1x1_square.png?v=1783419625\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eTop Rated\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eM\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eMarta S. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eMarch 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Austin, TX\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I've tried weighted utensils and other products before, but this patch feels much more natural. My hand movements seem smoother, and I don't feel as tense when using my hands. It's subtle, but definitely noticeable for me.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyvibe Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2498\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2498\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 3 --\u003e\n \u003cdiv class=\"slim-review-card\" data-index=\"2\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__17_11_59.png?v=1783419640\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003ePopular\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eN\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eNadia L. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eMay 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Chicago, IL\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I didn't want to rely on heavy medications that made me feel tired all the time, so I decided to try this patch. I'm genuinely impressed. My hand shaking feels less noticeable, especially when I'm eating out or using my phone. I also appreciate that it's completely drug‑free.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2832\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2832\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 4 --\u003e\n \u003cdiv class=\"slim-review-card\" data-index=\"3\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__17_07_26.png?v=1783419640\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eStaff Pick\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eS\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eStephanie K. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eJune 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Denver, CO\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I've been using the Steady Flow Patch for about a month now, and I'm happy I gave it a chance. The shaking in my hands feels less distracting, and I feel more comfortable doing things like eating in restaurants or holding my phone. It's easy to use and fits nicely under long sleeves.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2183\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2183\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 5 --\u003e\n \u003cdiv class=\"slim-review-card\" data-index=\"4\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__19_27_02.png?v=1783423642\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eTrending\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eA\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eAmara D. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eMarch 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Seattle, WA\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"The Steady Flow Patch has made small daily activities feel less frustrating. Writing, typing, and even buttoning my shirt feels smoother now. The patch is lightweight and discreet, which I really like.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2567\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2567\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 6 --\u003e\n \u003cdiv class=\"slim-review-card\" data-index=\"5\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__17_00_06_bc7c0f6e-b313-4718-a4f7-a2118c9bc868.png?v=1783419640\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eNew Favorite\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eJ\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eJasmine R. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eJune 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Portland, OR\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I honestly didn't expect much, but after a few weeks of consistent use, I started noticing my hands felt calmer during stressful moments. I especially notice the difference when drinking coffee or carrying small objects. It's become part of my daily routine now.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2712\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2712\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card\" data-index=\"0\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134206_001_a2fa122d-545a-4c57-bee7-7444f99cfc24.jpg?v=1783419620\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eBest Seller\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eS\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003e\n Sofia R.\n \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eJune 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Miami, FL\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I've been using the Slimifyfit Steady Flow Patch for a few weeks now, and the difference has been amazing. The patch is comfortable, easy to wear, and I barely notice it throughout the day. I've felt much more confident doing simple things like holding my coffee, writing, and eating in public without worrying about my hands shaking. I also love that it's completely drug‑free and doesn't leave me feeling tired or foggy. It's honestly been a huge relief for me. Highly recommended!\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2367\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2367\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"slim-review-card\" data-index=\"1\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/image_1x1_square.png?v=1783419625\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eTop Rated\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eM\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eMarta S. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eMarch 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Austin, TX\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I've tried weighted utensils and other products before, but this patch feels much more natural. My hand movements seem smoother, and I don't feel as tense when using my hands. It's subtle, but definitely noticeable for me.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyvibe Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2498\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2498\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"slim-review-card\" data-index=\"2\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__17_11_59.png?v=1783419640\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003ePopular\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eN\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eNadia L. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eMay 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Chicago, IL\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I didn't want to rely on heavy medications that made me feel tired all the time, so I decided to try this patch. I'm genuinely impressed. My hand shaking feels less noticeable, especially when I'm eating out or using my phone. I also appreciate that it's completely drug‑free.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2832\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2832\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"slim-review-card\" data-index=\"3\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__17_07_26.png?v=1783419640\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eStaff Pick\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eS\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eStephanie K. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eJune 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Denver, CO\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I've been using the Steady Flow Patch for about a month now, and I'm happy I gave it a chance. The shaking in my hands feels less distracting, and I feel more comfortable doing things like eating in restaurants or holding my phone. It's easy to use and fits nicely under long sleeves.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2183\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2183\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"slim-review-card\" data-index=\"4\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__19_27_02.png?v=1783423642\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eTrending\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eA\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eAmara D. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eMarch 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Seattle, WA\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"The Steady Flow Patch has made small daily activities feel less frustrating. Writing, typing, and even buttoning my shirt feels smoother now. The patch is lightweight and discreet, which I really like.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2567\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2567\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"slim-review-card\" data-index=\"5\"\u003e\n \u003cdiv class=\"slim-review-card-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__17_00_06_bc7c0f6e-b313-4718-a4f7-a2118c9bc868.png?v=1783419640\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-card-img\" loading=\"lazy\"\u003e\n \u003cdiv class=\"slim-review-card-image-shine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-image-badge\"\u003eNew Favorite\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-card-inner\"\u003e\n \u003cdiv class=\"slim-review-header\"\u003e\n \u003cdiv class=\"slim-review-avatar\"\u003eJ\u003c\/div\u003e\n \u003cdiv class=\"slim-review-user\"\u003e\n \u003cdiv class=\"slim-review-name\"\u003eJasmine R. \u003cspan class=\"slim-review-flag\"\u003e🇺🇸\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"slim-review-meta\"\u003e\n \u003cspan class=\"slim-review-date\"\u003eJune 2026\u003c\/span\u003e\n \u003cspan class=\"slim-review-location\"\u003e📍 Portland, OR\u003c\/span\u003e\n \u003cspan class=\"slim-review-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"slim-review-text\"\u003e\"I honestly didn't expect much, but after a few weeks of consistent use, I started noticing my hands felt calmer during stressful moments. I especially notice the difference when drinking coffee or carrying small objects. It's become part of my daily routine now.\"\u003c\/p\u003e\n \u003cdiv class=\"slim-review-product\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyfit Balance Support\" class=\"slim-review-product-img\" loading=\"lazy\"\u003e\n \u003cspan class=\"slim-review-product-name\"\u003eSlimifyfit Balance Support Patch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slim-review-actions\"\u003e\n \u003cspan class=\"slim-review-helpful\"\u003eWas this helpful?\u003c\/span\u003e\n \u003cbutton class=\"slim-review-like-btn\" aria-label=\"Toggle like\" data-liked=\"false\" data-original-count=\"2712\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"slim-like-icon\"\u003e\n \u003cpath d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan class=\"slim-review-like-count\"\u003e2712\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003c!-- Scroll indicator dots --\u003e\n \u003cdiv class=\"slim-reviews-dots\" id=\"slimReviewsDots\"\u003e\n \u003cspan class=\"slim-dot\" data-dot=\"0\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-dot\" data-dot=\"1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-dot active\" data-dot=\"2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-dot\" data-dot=\"3\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-dot\" data-dot=\"4\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slim-dot\" data-dot=\"5\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle data-shopify=\"\"\u003e\n\/* ===== Slimifyvibe Reviews – Premium Scoped Styles ===== *\/\n#slimifyvibe-reviews {\n --brand: #fd8e03;\n --brand-soft: #fdf0e0;\n --terracotta: #C17A60;\n --body-text: #2C3A42;\n --neutral-dark: #1E2A32;\n --card-shadow: 0 2px 24px rgba(0,0,0,0.05);\n --card-shadow-hover: 0 20px 48px rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.04);\n --card-bg: #ffffff;\n --card-radius: 24px;\n background: #FDFBF7;\n padding: 48px 16px 60px;\n position: relative;\n overflow: hidden;\n isolation: isolate;\n font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* ===== Background Decorations ===== *\/\n#slimifyvibe-reviews .slim-reviews-bg-decor {\n position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden;\n}\n\n\/* Orbs *\/\n#slimifyvibe-reviews .slim-reviews-bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(90px);\n opacity: 0.05;\n animation: slimReviewOrbFloat 16s ease-in-out infinite;\n will-change: transform;\n}\n#slimifyvibe-reviews .slim-reviews-bg-orb--a {\n width: 420px; height: 420px;\n background: radial-gradient(circle, #fd8e03 0%, transparent 70%);\n top: -10%; right: -12%;\n}\n#slimifyvibe-reviews .slim-reviews-bg-orb--b {\n width: 340px; height: 340px;\n background: radial-gradient(circle, #e8b860 0%, transparent 70%);\n bottom: -12%; left: -10%;\n animation-delay: -8s;\n}\n#slimifyvibe-reviews .slim-reviews-bg-orb--c {\n width: 200px; height: 200px;\n background: radial-gradient(circle, #f5c882 0%, transparent 65%);\n top: 40%; left: 50%;\n animation-delay: -4s;\n opacity: 0.035;\n}\n@keyframes slimReviewOrbFloat {\n 0%, 100% { transform: translate(0,0) scale(1); }\n 25% { transform: translate(32px, -24px) scale(1.07); }\n 50% { transform: translate(-18px, 20px) scale(0.93); }\n 75% { transform: translate(-26px, -14px) scale(1.05); }\n}\n\n\/* Grid *\/\n#slimifyvibe-reviews .slim-reviews-bg-grid {\n position: absolute; inset: 0; opacity: 0.016;\n background-image:\n linear-gradient(rgba(30,42,50,0.5) 1px, transparent 1px),\n linear-gradient(90deg, rgba(30,42,50,0.5) 1px, transparent 1px);\n background-size: 56px 56px;\n mask-image: radial-gradient(ellipse at center, black 22%, transparent 68%);\n}\n\n\/* Rings *\/\n#slimifyvibe-reviews .slim-reviews-bg-ring {\n position: absolute;\n border-radius: 50%;\n border: 1px solid rgba(253,142,3,0.07);\n animation: slimReviewRingSpin 30s linear infinite;\n will-change: transform;\n}\n#slimifyvibe-reviews .slim-reviews-bg-ring--1 {\n width: 300px; height: 300px;\n top: 12%; right: 3%;\n}\n#slimifyvibe-reviews .slim-reviews-bg-ring--1::before {\n content: ''; position: absolute; width: 14px; height: 14px;\n background: rgba(253,142,3,0.16); border-radius: 50%;\n top: -7px; left: 50%; transform: translateX(-50%);\n box-shadow: 0 0 24px rgba(253,142,3,0.28);\n}\n#slimifyvibe-reviews .slim-reviews-bg-ring--2 {\n width: 180px; height: 180px;\n bottom: 18%; left: 8%;\n animation-delay: -15s;\n border-color: rgba(200,160,100,0.06);\n}\n#slimifyvibe-reviews .slim-reviews-bg-ring--2::before {\n content: ''; position: absolute; width: 10px; height: 10px;\n background: rgba(200,160,100,0.14); border-radius: 50%;\n bottom: -5px; left: 50%; transform: translateX(-50%);\n box-shadow: 0 0 18px rgba(200,160,100,0.22);\n}\n@keyframes slimReviewRingSpin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n\/* Lines *\/\n#slimifyvibe-reviews .slim-reviews-bg-line {\n position: absolute;\n width: 1px;\n background: linear-gradient(to bottom, transparent, rgba(253,142,3,0.08), transparent);\n animation: slimReviewLine 9s ease-in-out infinite;\n}\n#slimifyvibe-reviews .slim-reviews-bg-line--1 {\n height: 120px; top: 22%; left: 22%;\n}\n#slimifyvibe-reviews .slim-reviews-bg-line--2 {\n height: 80px; top: 55%; right: 18%;\n animation-delay: -4.5s;\n background: linear-gradient(to bottom, transparent, rgba(200,160,100,0.06), transparent);\n}\n@keyframes slimReviewLine {\n 0%, 100% { opacity: 0.25; transform: translateY(0); }\n 50% { opacity: 0.65; transform: translateY(16px); }\n}\n\n\/* Floating particles *\/\n#slimifyvibe-reviews .slim-reviews-particle {\n position: absolute;\n border-radius: 50%;\n background: rgba(253,142,3,0.1);\n animation: slimReviewParticle 7s ease-in-out infinite;\n pointer-events: none;\n}\n#slimifyvibe-reviews .slim-reviews-particle--1 { width: 6px; height: 6px; top: 15%; left: 30%; animation-delay: 0s; }\n#slimifyvibe-reviews .slim-reviews-particle--2 { width: 4px; height: 4px; top: 28%; left: 65%; animation-delay: -1.2s; }\n#slimifyvibe-reviews .slim-reviews-particle--3 { width: 5px; height: 5px; top: 50%; left: 18%; animation-delay: -2.5s; }\n#slimifyvibe-reviews .slim-reviews-particle--4 { width: 7px; height: 7px; top: 40%; right: 20%; animation-delay: -3.8s; }\n#slimifyvibe-reviews .slim-reviews-particle--5 { width: 3px; height: 3px; top: 70%; left: 40%; animation-delay: -5s; }\n#slimifyvibe-reviews .slim-reviews-particle--6 { width: 5px; height: 5px; top: 60%; right: 12%; animation-delay: -6.2s; }\n#slimifyvibe-reviews .slim-reviews-particle--7 { width: 4px; height: 4px; top: 35%; left: 80%; animation-delay: -0.6s; }\n#slimifyvibe-reviews .slim-reviews-particle--8 { width: 6px; height: 6px; top: 18%; right: 35%; animation-delay: -4s; }\n@keyframes slimReviewParticle {\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.4; }\n 25% { transform: translate(18px, -14px) scale(1.5); opacity: 0.8; }\n 50% { transform: translate(-10px, -22px) scale(0.8); opacity: 0.25; }\n 75% { transform: translate(-16px, 8px) scale(1.3); opacity: 0.6; }\n}\n\n\/* ===== Inner Container ===== *\/\n#slimifyvibe-reviews .slim-reviews-inner {\n max-width: 1280px; margin: 0 auto; position: relative; z-index: 1;\n}\n\n\/* ===== Header Block ===== *\/\n#slimifyvibe-reviews .slim-reviews-header-block {\n text-align: center; margin-bottom: 36px;\n}\n#slimifyvibe-reviews .slim-reviews-eyebrow {\n display: inline-block;\n font-size: 0.95rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: #fd8e03;\n background: rgba(253,142,3,0.06);\n padding: 6px 16px;\n border-radius: 40px;\n margin-bottom: 12px;\n}\n#slimifyvibe-reviews .slim-reviews-title {\n font-size: 2.4rem;\n font-weight: 800;\n color: #1E2A32;\n text-align: center;\n margin-bottom: 8px;\n letter-spacing: -0.02em;\n line-height: 1.2;\n}\n#slimifyvibe-reviews .slim-reviews-subtitle {\n font-size: 1.25rem;\n color: #6B7B83;\n text-align: center;\n margin-bottom: 0;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.5;\n}\n\n\/* ===== Carousel ===== *\/\n#slimifyvibe-reviews .slim-reviews-carousel {\n display: flex;\n gap: 20px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scroll-behavior: smooth;\n padding: 8px 16px 28px;\n scroll-padding: 16px;\n cursor: grab;\n}\n#slimifyvibe-reviews .slim-reviews-carousel:active {\n cursor: grabbing;\n}\n#slimifyvibe-reviews .slim-reviews-carousel::-webkit-scrollbar { display: none; }\n\n\/* ===== Card ===== *\/\n#slimifyvibe-reviews .slim-review-card {\n flex: 0 0 86%;\n scroll-snap-align: center;\n min-width: 280px;\n max-width: 420px;\n background: var(--card-bg);\n border-radius: var(--card-radius);\n box-shadow: var(--card-shadow);\n transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1),\n box-shadow 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n}\n#slimifyvibe-reviews .slim-review-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--card-shadow-hover);\n}\n\n\/* Subtle card border glow *\/\n#slimifyvibe-reviews .slim-review-card::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--card-radius);\n padding: 1px;\n background: linear-gradient(160deg, rgba(253,142,3,0.12), transparent 40%, transparent 60%, rgba(253,142,3,0.06));\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n z-index: 0;\n pointer-events: none;\n}\n\n\/* ===== 1:1 Card Image ===== *\/\n#slimifyvibe-reviews .slim-review-card-image {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n position: relative;\n z-index: 1;\n background: #f5f2ed;\n flex-shrink: 0;\n}\n#slimifyvibe-reviews .slim-review-card-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n#slimifyvibe-reviews .slim-review-card:hover .slim-review-card-img {\n transform: scale(1.04);\n}\n\/* Image shine accent *\/\n#slimifyvibe-reviews .slim-review-card-image-shine {\n position: absolute;\n top: -30%;\n left: -30%;\n width: 80%;\n height: 80%;\n background: radial-gradient(ellipse, rgba(255,255,255,0.25) 0%, transparent 70%);\n pointer-events: none;\n z-index: 2;\n opacity: 0;\n transition: opacity 0.5s ease;\n}\n#slimifyvibe-reviews .slim-review-card:hover .slim-review-card-image-shine {\n opacity: 1;\n}\n\/* Image badge *\/\n#slimifyvibe-reviews .slim-review-card-image-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n z-index: 3;\n background: rgba(255,255,255,0.92);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: #1E2A32;\n font-size: 0.75rem;\n font-weight: 700;\n padding: 5px 12px;\n border-radius: 20px;\n letter-spacing: 0.03em;\n box-shadow: 0 2px 10px rgba(0,0,0,0.06);\n pointer-events: none;\n}\n\n\/* ===== Card Inner Content ===== *\/\n#slimifyvibe-reviews .slim-review-card-inner {\n padding: 18px 18px 16px;\n display: flex;\n flex-direction: column;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n\n\/* Header *\/\n#slimifyvibe-reviews .slim-review-header {\n display: flex; gap: 11px; margin-bottom: 12px; align-items: center;\n}\n#slimifyvibe-reviews .slim-review-avatar {\n width: 42px; height: 42px; border-radius: 50%;\n background: linear-gradient(135deg, #fd8e03, #e67600);\n color: #fff; font-weight: 700; font-size: 1.15rem;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 3px 10px rgba(253,142,3,0.2);\n}\n#slimifyvibe-reviews .slim-review-user {\n display: flex; flex-direction: column; justify-content: center;\n}\n#slimifyvibe-reviews .slim-review-name {\n font-weight: 600; font-size: 1.5rem; color: #1E2A32;\n display: flex; align-items: center; gap: 5px;\n}\n#slimifyvibe-reviews .slim-review-flag { font-size: 1.5rem; }\n#slimifyvibe-reviews .slim-review-meta {\n display: flex; align-items: center; gap: 7px; margin-top: 2px; flex-wrap: wrap;\n}\n#slimifyvibe-reviews .slim-review-date { font-size: 0.95rem; color: #8A9499; }\n#slimifyvibe-reviews .slim-review-location { font-size: 0.82rem; color: #6B7B83; font-weight: 500; }\n#slimifyvibe-reviews .slim-review-verified {\n font-size: 0.95rem; color: #4a9c5d; font-weight: 600;\n display: flex; align-items: center; gap: 2px;\n}\n\n\/* Text *\/\n#slimifyvibe-reviews .slim-review-text {\n font-size: 1.05rem; \nfont-weight:500;line-height: 1.55; color: #2C3A42;\n margin-bottom: 14px; flex: 1;\n}\n\n\/* Product mini *\/\n#slimifyvibe-reviews .slim-review-product {\n display: flex; align-items: center; gap: 10px;\n background: #F9F7F4; border-radius: 14px; padding: 10px 12px;\n margin-bottom: 14px;\n transition: background 0.3s ease;\n}\n#slimifyvibe-reviews .slim-review-card:hover .slim-review-product {\n background: #fdf8f1;\n}\n#slimifyvibe-reviews .slim-review-product-img {\n width: 44px; height: 44px; object-fit: cover; border-radius: 10px;\n flex-shrink: 0;\n}\n#slimifyvibe-reviews .slim-review-product-name {\n font-size: 0.95rem; font-weight: 700; color: #1E2A32;\n}\n\n\/* Actions *\/\n#slimifyvibe-reviews .slim-review-actions {\n display: flex; align-items: center; gap: 10px;\n border-top: 1px solid #E8EBEF; padding-top: 12px;\n margin-top: auto;\n}\n#slimifyvibe-reviews .slim-review-helpful {\n font-size: 0.85rem; color: #6B7B83; margin-right: 2px;\n}\n#slimifyvibe-reviews .slim-review-like-btn {\n background: none; border: none; cursor: pointer;\n display: flex; align-items: center; gap: 5px;\n padding: 6px 12px; border-radius: 22px;\n font-size: 0.85rem; color: #6B7B83;\n transition: all 0.28s cubic-bezier(0.25, 0.1, 0.25, 1);\n position: relative;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n user-select: none;\n outline: none;\n}\n#slimifyvibe-reviews .slim-review-like-btn:hover {\n background: rgba(253,142,3,0.06);\n color: #fd8e03;\n}\n#slimifyvibe-reviews .slim-review-like-btn:active {\n transform: scale(0.94);\n transition: transform 0.12s ease;\n}\n\/* Liked state *\/\n#slimifyvibe-reviews .slim-review-like-btn.liked {\n color: #fd8e03;\n background: rgba(253,142,3,0.07);\n}\n#slimifyvibe-reviews .slim-review-like-btn.liked .slim-like-icon {\n fill: #fd8e03;\n stroke: #fd8e03;\n}\n#slimifyvibe-reviews .slim-review-like-btn.liked .slim-review-like-count {\n color: #fd8e03;\n font-weight: 700;\n}\n\n\/* Like animations *\/\n@keyframes likePopIn {\n 0% { transform: scale(1); }\n 40% { transform: scale(1.4); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); }\n}\n@keyframes likePopOut {\n 0% { transform: scale(1); }\n 30% { transform: scale(0.75); }\n 60% { transform: scale(1.15); }\n 100% { transform: scale(1); }\n}\n@keyframes countBounceIn {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.25); color: #fd8e03; }\n 100% { transform: scale(1); }\n}\n@keyframes countBounceOut {\n 0% { transform: scale(1); }\n 50% { transform: scale(0.8); color: #8A9499; }\n 100% { transform: scale(1); }\n}\n#slimifyvibe-reviews .like-animate-in {\n animation: likePopIn 0.38s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n#slimifyvibe-reviews .like-animate-out {\n animation: likePopOut 0.38s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n#slimifyvibe-reviews .count-animate-in {\n animation: countBounceIn 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n#slimifyvibe-reviews .count-animate-out {\n animation: countBounceOut 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n\n\/* ===== Scroll Dots ===== *\/\n#slimifyvibe-reviews .slim-reviews-dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 4px;\n}\n#slimifyvibe-reviews .slim-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #d5dbe0;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);\n -webkit-tap-highlight-color: transparent;\n}\n#slimifyvibe-reviews .slim-dot.active {\n background: #fd8e03;\n width: 26px;\n border-radius: 10px;\n box-shadow: 0 2px 8px rgba(253,142,3,0.3);\n}\n#slimifyvibe-reviews .slim-dot:hover {\n background: #c0c9cf;\n}\n#slimifyvibe-reviews .slim-dot.active:hover {\n background: #fd8e03;\n}\n\n\/* ===== Responsive ===== *\/\n@media (min-width: 600px) {\n #slimifyvibe-reviews { padding: 60px 28px 70px; }\n #slimifyvibe-reviews .slim-review-card { flex: 0 0 340px; max-width: 420px; }\n #slimifyvibe-reviews .slim-reviews-carousel { gap: 24px; scroll-padding: 28px; padding: 8px 28px 28px; }\n #slimifyvibe-reviews .slim-reviews-title { font-size: 2.8rem; }\n #slimifyvibe-reviews .slim-review-card-inner { padding: 20px 20px 18px; }\n}\n@media (min-width: 768px) {\n #slimifyvibe-reviews { padding: 80px 40px 90px; }\n #slimifyvibe-reviews .slim-reviews-title { font-size: 3.2rem; }\n #slimifyvibe-reviews .slim-review-card { flex: 0 0 370px; max-width: 430px; }\n #slimifyvibe-reviews .slim-reviews-carousel { gap: 28px; scroll-padding: 40px; padding: 10px 40px 32px; }\n #slimifyvibe-reviews .slim-reviews-subtitle { font-size: 1.18rem; }\n #slimifyvibe-reviews .slim-review-card-inner { padding: 24px 22px 20px; }\n #slimifyvibe-reviews .slim-review-text { font-size: 0.93rem; line-height: 1.6; }\n}\n@media (min-width: 1024px) {\n #slimifyvibe-reviews .slim-review-card { flex: 0 0 380px; max-width: 440px; }\n #slimifyvibe-reviews .slim-reviews-carousel { gap: 32px; }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function() {\n window.addEventListener('DOMContentLoaded', function() {\n const carousel = document.getElementById('slimReviewsCarousel');\n const dotsContainer = document.getElementById('slimReviewsDots');\n if (!carousel) return;\n\n \/\/ ===== Clone cards for seamless infinite loop =====\n const originalCards = Array.from(carousel.querySelectorAll('.slim-review-card'));\n const totalOriginal = originalCards.length;\n if (totalOriginal === 0) return;\n\n \/\/ Clone each original card and append to carousel\n originalCards.forEach(function(card) {\n const clone = card.cloneNode(true);\n \/\/ Reset like state on clones (they'll be managed independently via event delegation)\n const cloneBtn = clone.querySelector('.slim-review-like-btn');\n if (cloneBtn) {\n cloneBtn.classList.remove('liked');\n cloneBtn.dataset.liked = 'false';\n const countSpan = cloneBtn.querySelector('.slim-review-like-count');\n if (countSpan \u0026\u0026 cloneBtn.dataset.originalCount) {\n countSpan.textContent = cloneBtn.dataset.originalCount;\n }\n }\n carousel.appendChild(clone);\n });\n\n const allDots = dotsContainer ? dotsContainer.querySelectorAll('.slim-dot') : [];\n \/\/ Reference card for width calculations (use first original card)\n const refCard = originalCards[0];\n\n \/\/ ===== Helper: get card step (card width + gap) =====\n function getCardStep() {\n if (originalCards.length \u003c 2) {\n const gap = parseFloat(getComputedStyle(carousel).gap) || 20;\n return refCard.offsetWidth + gap;\n }\n return originalCards[1].offsetLeft - originalCards[0].offsetLeft;\n }\n\n \/\/ ===== Helper: get original set width (all original cards + gaps) =====\n function getOriginalSetWidth() {\n \/\/ The first cloned card's offsetLeft equals the total width of the original set\n const allCards = carousel.querySelectorAll('.slim-review-card');\n if (allCards.length \u003e totalOriginal) {\n return allCards[totalOriginal].offsetLeft;\n }\n \/\/ Fallback\n return getCardStep() * totalOriginal;\n }\n\n \/\/ ===== Helper: normalize scrollLeft to stay within original set bounds =====\n function normalizeScrollPosition() {\n const origWidth = getOriginalSetWidth();\n if (origWidth \u003c= 0) return;\n let sl = carousel.scrollLeft;\n if (sl \u003e= origWidth) {\n \/\/ Wrap back into original range using modulo\n sl = sl % origWidth;\n carousel.scrollLeft = sl;\n }\n \/\/ Also handle rare case of negative scroll\n if (sl \u003c 0) {\n sl = ((sl % origWidth) + origWidth) % origWidth;\n carousel.scrollLeft = sl;\n }\n }\n\n \/\/ ===== Update active dot based on current scroll position =====\n function updateActiveDot() {\n if (!allDots.length) return;\n const cardStep = getCardStep();\n if (cardStep \u003c= 0) return;\n const origWidth = getOriginalSetWidth();\n \/\/ Use modulo to map scroll position back to 0..(totalOriginal-1)\n let normalizedLeft = carousel.scrollLeft % origWidth;\n if (normalizedLeft \u003c 0) normalizedLeft += origWidth;\n const idx = Math.round(normalizedLeft \/ cardStep) % totalOriginal;\n allDots.forEach(function(dot, i) {\n dot.classList.toggle('active', i === idx);\n });\n }\n\n \/\/ ===== Dot click navigation =====\n allDots.forEach(function(dot) {\n dot.addEventListener('click', function() {\n const targetIndex = parseInt(this.dataset.dot, 10);\n if (isNaN(targetIndex)) return;\n const cardStep = getCardStep();\n const scrollTo = targetIndex * cardStep;\n \/\/ Ensure we stay within original set\n const origWidth = getOriginalSetWidth();\n const targetLeft = Math.min(scrollTo, origWidth - 1);\n carousel.scrollTo({ left: Math.max(0, targetLeft), behavior: 'smooth' });\n setTimeout(updateActiveDot, 400);\n });\n });\n\n \/\/ ===== Auto‑scroll: 1s interval, seamless infinite loop =====\n let autoScrollInterval;\n let isPaused = false;\n let isProgrammaticScroll = false;\n\n function scrollToNext() {\n if (!carousel || isPaused) return;\n \/\/ Normalize position first (in case user dragged into clone zone)\n normalizeScrollPosition();\n\n const cardStep = getCardStep();\n const origWidth = getOriginalSetWidth();\n if (cardStep \u003c= 0 || origWidth \u003c= 0) return;\n\n let targetLeft = carousel.scrollLeft + cardStep;\n\n \/\/ If target exceeds or equals original set width, wrap around\n if (targetLeft \u003e= origWidth - 2) {\n targetLeft = targetLeft - origWidth;\n }\n\n isProgrammaticScroll = true;\n carousel.scrollTo({ left: Math.max(0, targetLeft), behavior: 'smooth' });\n\n \/\/ Clear programmatic flag after smooth scroll completes\n setTimeout(function() {\n isProgrammaticScroll = false;\n updateActiveDot();\n }, 400);\n }\n\n function startAutoScroll() {\n stopAutoScroll();\n isPaused = false;\n autoScrollInterval = setInterval(scrollToNext, 1000);\n }\n\n function stopAutoScroll() {\n if (autoScrollInterval) clearInterval(autoScrollInterval);\n autoScrollInterval = null;\n }\n\n function pauseAutoScroll() {\n isPaused = true;\n stopAutoScroll();\n }\n\n function resumeAutoScroll(delayMs) {\n stopAutoScroll();\n setTimeout(function() {\n isPaused = false;\n startAutoScroll();\n }, delayMs || 300);\n }\n\n startAutoScroll();\n\n \/\/ Hover pause\n carousel.addEventListener('mouseenter', pauseAutoScroll);\n carousel.addEventListener('mouseleave', function() {\n resumeAutoScroll(400);\n });\n\n \/\/ Touch pause\n carousel.addEventListener('touchstart', pauseAutoScroll, { passive: true });\n carousel.addEventListener('touchend', function() {\n resumeAutoScroll(2500);\n });\n\n \/\/ ===== Scroll event: update dots + normalize on user scroll =====\n let scrollDebounceTimer;\n carousel.addEventListener('scroll', function() {\n updateActiveDot();\n\n \/\/ Debounce normalization for user-initiated scrolls (not programmatic)\n if (!isProgrammaticScroll) {\n clearTimeout(scrollDebounceTimer);\n scrollDebounceTimer = setTimeout(function() {\n normalizeScrollPosition();\n updateActiveDot();\n }, 180);\n }\n }, { passive: true });\n\n \/\/ Initial dot state\n updateActiveDot();\n\n \/\/ ===== Toggle Like button – event delegation on carousel =====\n carousel.addEventListener('click', function(e) {\n const btn = e.target.closest('.slim-review-like-btn');\n if (!btn) return;\n\n e.stopPropagation();\n e.preventDefault();\n\n const countSpan = btn.querySelector('.slim-review-like-count');\n const icon = btn.querySelector('.slim-like-icon');\n let currentCount = parseInt(countSpan.textContent, 10);\n\n if (btn.dataset.liked === 'false') {\n \/\/ --- LIKE ---\n currentCount++;\n countSpan.textContent = currentCount;\n btn.classList.add('liked');\n btn.dataset.liked = 'true';\n\n if (icon) {\n icon.classList.remove('like-animate-out');\n icon.classList.add('like-animate-in');\n setTimeout(function() { icon.classList.remove('like-animate-in'); }, 380);\n }\n countSpan.classList.remove('count-animate-out');\n countSpan.classList.add('count-animate-in');\n setTimeout(function() { countSpan.classList.remove('count-animate-in'); }, 350);\n } else {\n \/\/ --- UNLIKE ---\n currentCount--;\n countSpan.textContent = currentCount;\n btn.classList.remove('liked');\n btn.dataset.liked = 'false';\n\n if (icon) {\n icon.classList.remove('like-animate-in');\n icon.classList.add('like-animate-out');\n setTimeout(function() { icon.classList.remove('like-animate-out'); }, 380);\n }\n countSpan.classList.remove('count-animate-in');\n countSpan.classList.add('count-animate-out');\n setTimeout(function() { countSpan.classList.remove('count-animate-out'); }, 350);\n }\n });\n\n \/\/ Prevent double-tap zoom on like buttons via touch handling on carousel\n carousel.addEventListener('touchend', function(e) {\n const btn = e.target.closest('.slim-review-like-btn');\n if (btn) {\n e.preventDefault();\n btn.click();\n }\n });\n });\n})();\n\u003c\/script\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_ndtg4c\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_ndtg4c-padding {\n padding-top: calc(12px * 0.75);\n padding-bottom: calc(28px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_ndtg4c-padding {\n padding-top: 12px;\n padding-bottom: 28px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_ndtg4c-padding\"\u003e\n \n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSlimifyvibe™ How To Use\u003c\/title\u003e\n \u003c!-- 引入更优雅的字体组合：Playfair Display + DM Sans --\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600\u0026amp;family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400;1,9..40,500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n \/* ============ 所有变量与样式限定在 #slimifyvibe-how 内 ============ *\/\n #slimifyvibe-how {\n --brand: #fd8e03;\n --brand-deep: #e07b00;\n --brand-glow: rgba(253, 142, 3, 0.3);\n --gold: #c9a96e;\n --gold-soft: rgba(201, 169, 110, 0.2);\n --sub-text: #6B7B83;\n --body-text: #2C3A42;\n --surface-warm: #FDFBF7;\n --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);\n --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.06);\n --shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.08);\n --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.1);\n --shadow-glow: 0 0 50px rgba(253, 142, 3, 0.1), 0 0 100px rgba(253, 142, 3, 0.04);\n --radius-sm: 10px;\n --radius-md: 16px;\n --radius-lg: 20px;\n --radius-xl: 24px;\n --radius-full: 50px;\n \/* 更优雅的字体变量 *\/\n --font-display: 'Playfair Display', 'Georgia', 'Times New Roman', serif;\n --font-body: 'DM Sans', 'Inter', 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;\n\n position: relative;\n background:\n radial-gradient(ellipse at 30% 20%, rgba(253, 142, 3, 0.05) 0%, transparent 55%),\n radial-gradient(ellipse at 70% 60%, rgba(201, 169, 110, 0.06) 0%, transparent 50%),\n radial-gradient(ellipse at 50% 80%, rgba(27, 126, 90, 0.03) 0%, transparent 50%),\n #FDFBF7;\n padding: 40px 16px;\n overflow: hidden;\n font-family: var(--font-body);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n #slimifyvibe-how *,\n #slimifyvibe-how *::before,\n #slimifyvibe-how *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* 背景氛围装饰层 *\/\n #slimifyvibe-how .slimifyvibe-how-ambient {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n }\n #slimifyvibe-how .slimifyvibe-how-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(70px);\n opacity: 0.4;\n animation: slimifyvibe-how-orbBreathe 9s ease-in-out infinite;\n }\n #slimifyvibe-how .slimifyvibe-how-orb--top {\n width: 300px;\n height: 300px;\n background: rgba(253, 142, 3, 0.06);\n top: -120px;\n left: -80px;\n animation-delay: 0s;\n }\n #slimifyvibe-how .slimifyvibe-how-orb--mid {\n width: 240px;\n height: 240px;\n background: rgba(201, 169, 110, 0.05);\n top: 35%;\n right: -90px;\n animation-delay: -3s;\n }\n #slimifyvibe-how .slimifyvibe-how-orb--bottom {\n width: 200px;\n height: 200px;\n background: rgba(27, 126, 90, 0.04);\n bottom: -60px;\n left: 30%;\n animation-delay: -6s;\n }\n @keyframes slimifyvibe-how-orbBreathe {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 0.35;\n }\n 40% {\n transform: scale(1.3);\n opacity: 0.6;\n }\n 70% {\n transform: scale(0.85);\n opacity: 0.28;\n }\n }\n #slimifyvibe-how .slimifyvibe-how-geo {\n position: absolute;\n pointer-events: none;\n border-radius: 50%;\n border: 1.2px solid rgba(201, 169, 110, 0.2);\n animation: slimifyvibe-how-ringSpin 40s linear infinite;\n }\n #slimifyvibe-how .slimifyvibe-how-geo--1 {\n width: 260px;\n height: 260px;\n top: -70px;\n right: -90px;\n border-style: dashed;\n border-width: 1px;\n animation-duration: 50s;\n animation-direction: reverse;\n }\n #slimifyvibe-how .slimifyvibe-how-geo--2 {\n width: 140px;\n height: 140px;\n bottom: 10%;\n left: -40px;\n border-color: rgba(253, 142, 3, 0.15);\n animation-duration: 32s;\n }\n #slimifyvibe-how .slimifyvibe-how-geo--3 {\n width: 90px;\n height: 90px;\n top: 25%;\n right: 10%;\n border-color: rgba(27, 126, 90, 0.12);\n animation-duration: 28s;\n }\n @keyframes slimifyvibe-how-ringSpin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n #slimifyvibe-how .slimifyvibe-how-sparkle {\n position: absolute;\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: var(--gold);\n pointer-events: none;\n animation: slimifyvibe-how-sparkleFloat 6.5s ease-in-out infinite;\n opacity: 0;\n }\n #slimifyvibe-how .slimifyvibe-how-sparkle--1 { top: 10%; left: 8%; animation-delay: 0s; }\n #slimifyvibe-how .slimifyvibe-how-sparkle--2 { top: 20%; right: 15%; animation-delay: -2s; width: 2px; height: 2px; background: #fd8e03; }\n #slimifyvibe-how .slimifyvibe-how-sparkle--3 { bottom: 25%; left: 20%; animation-delay: -4.2s; width: 3.5px; height: 3.5px; background: #c9a96e; }\n #slimifyvibe-how .slimifyvibe-how-sparkle--4 { top: 40%; right: 6%; animation-delay: -1.8s; background: #1B7E5A; width: 2.5px; height: 2.5px; }\n #slimifyvibe-how .slimifyvibe-how-sparkle--5 { bottom: 15%; right: 25%; animation-delay: -5s; width: 2px; height: 2px; background: #fd8e03; }\n @keyframes slimifyvibe-how-sparkleFloat {\n 0%,\n 100% { opacity: 0; transform: translateY(0) scale(0.4); }\n 12% { opacity: 0.85; transform: translateY(-15px) scale(1.25); }\n 28% { opacity: 0.2; transform: translateY(-26px) scale(0.55); }\n 50% { opacity: 0.65; transform: translateY(-7px) scale(1.05); }\n 72% { opacity: 0.06; transform: translateY(-22px) scale(0.3); }\n 86% { opacity: 0.5; transform: translateY(-3px) scale(0.9); }\n }\n #slimifyvibe-how .slimifyvibe-how-grid {\n position: absolute;\n inset: 0;\n pointer-events: none;\n opacity: 0.025;\n background-image:\n linear-gradient(rgba(201, 169, 110, 0.5) 1px, transparent 1px),\n linear-gradient(90deg, rgba(201, 169, 110, 0.5) 1px, transparent 1px);\n background-size: 36px 36px;\n mask-image: radial-gradient(ellipse at center, black 25%, transparent 65%);\n -webkit-mask-image: radial-gradient(ellipse at center, black 25%, transparent 65%);\n }\n\n \/* 主内容容器 *\/\n #slimifyvibe-how .slimifyvibe-how-inner {\n position: relative;\n z-index: 2;\n max-width: 1100px;\n width: 100%;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 26px;\n }\n\n \/* 标题 - 使用优雅的 Playfair Display *\/\n #slimifyvibe-how .slimifyvibe-how-headline {\n font-family: var(--font-display);\n font-size: 2.4rem;\n font-weight: 700;\n font-style: normal;\n text-align: center;\n color: #1a1a1a;\n letter-spacing: -0.01em;\n line-height: 1.15;\n animation: slimifyvibe-how-fadeUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0;\n animation-delay: 0.1s;\n }\n #slimifyvibe-how .slimifyvibe-how-headline-accent {\n display: inline;\n font-style: italic;\n background: linear-gradient(180deg, transparent 56%, rgba(253, 142, 3, 0.22) 56%);\n padding: 0 4px;\n }\n @keyframes slimifyvibe-how-fadeUp {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* 内容区域 *\/\n #slimifyvibe-how .slimifyvibe-how-content {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 22px;\n }\n\n \/* 图片区域 *\/\n #slimifyvibe-how .slimifyvibe-how-image-area {\n position: relative;\n width: 88%;\n max-width: 400px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n animation: slimifyvibe-how-imageFloat 6.5s ease-in-out infinite;\n order: 1;\n margin: 0 auto;\n }\n #slimifyvibe-how .slimifyvibe-how-image-wrapper {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n }\n #slimifyvibe-how .slimifyvibe-how-image-frame {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n border-radius: 22px;\n overflow: hidden;\n background: linear-gradient(155deg, #fefcf8 0%, #f7efe0 40%, #f0e8d5 100%);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 6px 16px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.55);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: box-shadow 0.5s ease;\n }\n #slimifyvibe-how .slimifyvibe-how-image-frame img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);\n }\n @keyframes slimifyvibe-how-imageFloat {\n 0%,\n 100% { transform: translateY(0); }\n 25% { transform: translateY(-8px); }\n 50% { transform: translateY(-2px); }\n 70% { transform: translateY(-11px); }\n }\n \/* 轨道装饰 *\/\n #slimifyvibe-how .slimifyvibe-how-image-orbit {\n position: absolute;\n inset: -10%;\n border-radius: 50%;\n border: 1.5px solid rgba(201, 169, 110, 0.35);\n animation: slimifyvibe-how-orbitSpin 22s linear infinite;\n pointer-events: none;\n box-shadow: 0 0 25px rgba(253, 142, 3, 0.06);\n }\n #slimifyvibe-how .slimifyvibe-how-image-orbit--inner {\n inset: 0%;\n border-width: 1px;\n border-style: dashed;\n border-color: rgba(253, 142, 3, 0.22);\n animation-duration: 16s;\n animation-direction: reverse;\n box-shadow: none;\n }\n @keyframes slimifyvibe-how-orbitSpin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n #slimifyvibe-how .slimifyvibe-how-image-glow {\n position: absolute;\n width: 70%;\n height: 70%;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.16) 0%, rgba(253, 142, 3, 0.03) 45%, transparent 70%);\n pointer-events: none;\n animation: slimifyvibe-how-glowPulse 5s ease-in-out infinite;\n z-index: -1;\n filter: blur(18px);\n }\n @keyframes slimifyvibe-how-glowPulse {\n 0%,\n 100% { transform: scale(1); opacity: 0.6; }\n 50% { transform: scale(1.18); opacity: 0.95; }\n }\n\n \/* 步骤卡片网格 *\/\n #slimifyvibe-how .slimifyvibe-how-cards-grid {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n order: 2;\n }\n \/* 单张卡片 *\/\n #slimifyvibe-how .slimifyvibe-how-step-card {\n background: #fff;\n border-radius: var(--radius-lg);\n padding: 0;\n box-shadow: var(--shadow-md);\n border: 1px solid rgba(201, 169, 110, 0.18);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);\n position: relative;\n cursor: default;\n animation: slimifyvibe-how-cardIn 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n opacity: 0;\n }\n #slimifyvibe-how .slimifyvibe-how-step-card:nth-child(1) { animation-delay: 0.25s; }\n #slimifyvibe-how .slimifyvibe-how-step-card:nth-child(2) { animation-delay: 0.35s; }\n #slimifyvibe-how .slimifyvibe-how-step-card:nth-child(3) { animation-delay: 0.45s; }\n #slimifyvibe-how .slimifyvibe-how-step-card:nth-child(4) { animation-delay: 0.55s; }\n @keyframes slimifyvibe-how-cardIn {\n from { opacity: 0; transform: translateY(22px) scale(0.94); }\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n #slimifyvibe-how .slimifyvibe-how-step-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-lg), 0 0 35px rgba(253, 142, 3, 0.08);\n border-color: rgba(201, 169, 110, 0.4);\n }\n #slimifyvibe-how .slimifyvibe-how-step-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 15%;\n right: 15%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(253, 142, 3, 0.25), transparent);\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n #slimifyvibe-how .slimifyvibe-how-step-card:hover::after { opacity: 1; }\n\n \/* 胶囊标题 - 使用优雅的 Playfair Display *\/\n #slimifyvibe-how .slimifyvibe-how-pill {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: linear-gradient(135deg, #FFF8ED 0%, #FFF3E0 50%, #FFFBF5 100%);\n border: 1.5px solid rgba(253, 142, 3, 0.35);\n border-radius: 50px;\n padding: 7px 18px;\n margin: 16px 10px 8px;\n font-family: var(--font-display);\n font-size: 1.15rem;\n font-weight: 600;\n font-style: normal;\n color: #3a2a0a;\n letter-spacing: 0.02em;\n white-space: nowrap;\n transition: all 0.35s ease;\n position: relative;\n z-index: 1;\n box-shadow: 0 2px 10px rgba(253, 142, 3, 0.08);\n }\n #slimifyvibe-how .slimifyvibe-how-step-card:hover .slimifyvibe-how-pill {\n border-color: rgba(253, 142, 3, 0.6);\n box-shadow: 0 4px 16px rgba(253, 142, 3, 0.18);\n transform: translateY(-2px);\n }\n #slimifyvibe-how .slimifyvibe-how-pill-num {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--brand);\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n flex-shrink: 0;\n line-height: 1;\n box-shadow: 0 2px 6px rgba(253, 142, 3, 0.3);\n transition: transform 0.35s ease;\n font-family: var(--font-body);\n }\n #slimifyvibe-how .slimifyvibe-how-step-card:hover .slimifyvibe-how-pill-num {\n transform: scale(1.15);\n }\n\n \/* 卡片描述文字 - 使用清晰的 DM Sans *\/\n #slimifyvibe-how .slimifyvibe-how-step-desc {\n font-family: var(--font-body);\n font-size: 1.25rem;\n font-weight: 600;\n color: #5a5a5a;\n line-height: 1.45;\n padding: 0 14px 16px;\n letter-spacing: -0.01em;\n }\n #slimifyvibe-how .slimifyvibe-how-step-desc strong {\n color: #2a1a0a;\n font-weight: 700;\n }\n\n \/* ============ 响应式：768px+ 桌面端 ============ *\/\n @media (min-width: 768px) {\n #slimifyvibe-how {\n padding: 60px 28px;\n }\n #slimifyvibe-how .slimifyvibe-how-headline {\n font-size: 4.2rem;\n margin-bottom: 4px;\n letter-spacing: -0.015em;\n }\n \/* 桌面三列：1fr 2fr 1fr *\/\n #slimifyvibe-how .slimifyvibe-how-content {\n flex-direction: row;\n display: grid;\n grid-template-columns: 1fr 2fr 1fr;\n gap: 20px;\n align-items: stretch;\n }\n \/* 图片区域恢复桌面样式 *\/\n #slimifyvibe-how .slimifyvibe-how-image-area {\n order: 2;\n width: 100%;\n max-width: 100%;\n margin: 0;\n align-self: center;\n }\n #slimifyvibe-how .slimifyvibe-how-image-wrapper {\n max-width: 340px;\n width: 100%;\n margin: 0 auto;\n }\n #slimifyvibe-how .slimifyvibe-how-image-frame {\n width: 74%;\n border-radius: 24px;\n margin: 0 auto;\n }\n \/* 左右卡片列 *\/\n #slimifyvibe-how .slimifyvibe-how-cards-grid--left {\n order: 1;\n display: flex;\n flex-direction: column;\n gap: 14px;\n justify-content: center;\n }\n #slimifyvibe-how .slimifyvibe-how-cards-grid--right {\n order: 3;\n display: flex;\n flex-direction: column;\n gap: 14px;\n justify-content: center;\n }\n #slimifyvibe-how .slimifyvibe-how-cards-grid {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n \/* 桌面卡片微调 *\/\n #slimifyvibe-how .slimifyvibe-how-step-card {\n border-radius: var(--radius-xl);\n }\n #slimifyvibe-how .slimifyvibe-how-pill {\n font-size: 1.15rem;\n padding: 9px 20px;\n margin: 18px 12px 10px;\n letter-spacing: 0.03em;\n gap: 8px;\n }\n #slimifyvibe-how .slimifyvibe-how-pill-num {\n width: 25px;\n height: 25px;\n font-size: 0.8rem;\n }\n #slimifyvibe-how .slimifyvibe-how-step-desc {\n font-size: 1.15rem;\n padding: 0 16px 18px;\n }\n \/* 装饰放大 *\/\n #slimifyvibe-how .slimifyvibe-how-orb--top { width: 420px; height: 420px; top: -160px; left: -100px; }\n #slimifyvibe-how .slimifyvibe-how-orb--mid { width: 320px; height: 320px; top: 30%; right: -120px; }\n #slimifyvibe-how .slimifyvibe-how-geo--1 { width: 340px; height: 340px; top: -80px; right: -110px; }\n #slimifyvibe-how .slimifyvibe-how-geo--2 { width: 180px; height: 180px; bottom: 8%; left: -50px; }\n }\n\n \/* 大桌面 *\/\n @media (min-width: 1024px) {\n #slimifyvibe-how { padding: 70px 36px; }\n #slimifyvibe-how .slimifyvibe-how-content { gap: 24px; }\n #slimifyvibe-how .slimifyvibe-how-image-wrapper { max-width: 380px; }\n #slimifyvibe-how .slimifyvibe-how-pill { font-size: 1.2rem; padding: 10px 22px; margin: 20px 14px 10px; }\n #slimifyvibe-how .slimifyvibe-how-step-desc { font-size: 1.2rem; padding: 0 18px 20px; }\n #slimifyvibe-how .slimifyvibe-how-cards-grid { gap: 16px; }\n }\n\n \/* 小屏手机（≤400px）微调 *\/\n @media (max-width: 400px) {\n #slimifyvibe-how { padding: 30px 8px; }\n #slimifyvibe-how .slimifyvibe-how-image-area { width: 90%; }\n #slimifyvibe-how .slimifyvibe-how-cards-grid { gap: 8px; }\n #slimifyvibe-how .slimifyvibe-how-pill {\n font-size: 1.05rem;\n padding: 6px 14px;\n margin: 12px 8px 6px;\n gap: 5px;\n }\n #slimifyvibe-how .slimifyvibe-how-pill-num { width: 19px; height: 19px; font-size: 0.7rem; }\n #slimifyvibe-how .slimifyvibe-how-step-desc {\n font-size: 1.05rem;\n padding: 0 10px 12px;\n }\n }\n \u003c\/style\u003e\n\n\n\n \u003csection id=\"slimifyvibe-how\" aria-label=\"How to use Slimifyvibe Balance Patch\"\u003e\n \u003cdiv class=\"slimifyvibe-how-ambient\"\u003e\n \u003cdiv class=\"slimifyvibe-how-orb slimifyvibe-how-orb--top\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-orb slimifyvibe-how-orb--mid\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-orb slimifyvibe-how-orb--bottom\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-geo slimifyvibe-how-geo--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-geo slimifyvibe-how-geo--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-geo slimifyvibe-how-geo--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-sparkle slimifyvibe-how-sparkle--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-sparkle slimifyvibe-how-sparkle--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-sparkle slimifyvibe-how-sparkle--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-sparkle slimifyvibe-how-sparkle--4\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-sparkle slimifyvibe-how-sparkle--5\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-grid\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"slimifyvibe-how-inner\"\u003e\n \u003ch2 class=\"slimifyvibe-how-headline\"\u003e\n Simple. Discreet. \u003cspan class=\"slimifyvibe-how-headline-accent\"\u003eEffective\u003c\/span\u003e.\n \u003c\/h2\u003e\n\n \u003cdiv class=\"slimifyvibe-how-content\"\u003e\n \u003c!-- 左列卡片 --\u003e\n \u003cdiv class=\"slimifyvibe-how-cards-grid slimifyvibe-how-cards-grid--left\"\u003e\n \u003cdiv class=\"slimifyvibe-how-step-card\"\u003e\n \u003cdiv class=\"slimifyvibe-how-pill\"\u003e\n\u003cspan class=\"slimifyvibe-how-pill-num\"\u003e1\u003c\/span\u003e Peel\u003c\/div\u003e\n \u003cp class=\"slimifyvibe-how-step-desc\"\u003eRemove from backing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-step-card\"\u003e\n \u003cdiv class=\"slimifyvibe-how-pill\"\u003e\n\u003cspan class=\"slimifyvibe-how-pill-num\"\u003e2\u003c\/span\u003e Apply\u003c\/div\u003e\n \u003cp class=\"slimifyvibe-how-step-desc\"\u003ePress onto clean, dry skin (inner wrist, arm).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 中间图片 --\u003e\n \u003cdiv class=\"slimifyvibe-how-image-area\"\u003e\n \u003cdiv class=\"slimifyvibe-how-image-wrapper\"\u003e\n \u003cdiv class=\"slimifyvibe-how-image-orbit\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-image-orbit slimifyvibe-how-image-orbit--inner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-image-glow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-image-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__18_08_36.png?v=1783419615\" alt=\"Slimifyvibe Balance Patch application\" loading=\"lazy\" width=\"400\" height=\"400\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 右列卡片 --\u003e\n \u003cdiv class=\"slimifyvibe-how-cards-grid slimifyvibe-how-cards-grid--right\"\u003e\n \u003cdiv class=\"slimifyvibe-how-step-card\"\u003e\n \u003cdiv class=\"slimifyvibe-how-pill\"\u003e\n\u003cspan class=\"slimifyvibe-how-pill-num\"\u003e3\u003c\/span\u003e Rotate\u003c\/div\u003e\n \u003cp class=\"slimifyvibe-how-step-desc\"\u003eChange site daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-how-step-card\"\u003e\n \u003cdiv class=\"slimifyvibe-how-pill\"\u003e\n\u003cspan class=\"slimifyvibe-how-pill-num\"\u003e4\u003c\/span\u003e Wear\u003c\/div\u003e\n \u003cp class=\"slimifyvibe-how-step-desc\"\u003eUp to 12 hours. Waterproof.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003cstyle\u003e \u003c\/style\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_jaPepT\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_jaPepT-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_jaPepT-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_jaPepT-padding\"\u003e\n \n\n\u003cdiv class=\"sv-expert\" id=\"slimifyvibe-expert\"\u003e\n \u003cdiv class=\"sv-expert-bg-dots\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-expert-orb sv-expert-orb--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-expert-orb sv-expert-orb--2\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sv-expert-content\"\u003e\n \u003cdiv class=\"sv-expert-header\"\u003e\n \u003ch2 class=\"sv-expert-header__title\"\u003eClinically-Inspired, Drug-Free Design\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- 移动端布局 --\u003e\n \u003cdiv class=\"sv-expert-mobile\"\u003e\n \u003cdiv class=\"sv-expert-image-wrap\"\u003e\n \u003cdiv class=\"sv-expert-image-ring\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__17_20_42.jpg?v=1783416410\" alt=\"Expert endorsement\" loading=\"lazy\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-card\"\u003e\n \u003cp class=\"sv-expert-card__quote\"\u003e“I often recommend non-invasive, topical support like Slimifyfit™ to patients seeking a drug-free alternative. The conductive layer technology is rooted in well-established principles of bio-electric signaling — it's a smart, gentle approach.”\u003c\/p\u003e\n \u003cdiv class=\"sv-expert-card__author\"\u003e\n \u003cspan\u003e— Dr. Elena Torres, PhD in Neuro-Rehabilitation\u003c\/span\u003e\n \u003cspan class=\"sv-expert-card__check\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-card\"\u003e\n \u003cp class=\"sv-expert-card__quote\"\u003e“Our internal monitoring showed that 97% of participants reported meaningful improvement in movement confidence within two weeks. For a completely non-pharmacological intervention, that's a striking signal of real-world efficacy.”\u003c\/p\u003e\n \u003cdiv class=\"sv-expert-card__author\"\u003e\n \u003cspan\u003e— Slimifyfit™ R\u0026amp;D Team\u003c\/span\u003e\n \u003cspan class=\"sv-expert-card__check\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-stats\"\u003e\n \u003cdiv class=\"sv-expert-stat-item\"\u003e\n \u003cspan class=\"sv-expert-stat-icon\"\u003e📊\u003c\/span\u003e\n \u003cspan class=\"sv-expert-stat-label\"\u003e97% improvement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-stat-item\"\u003e\n \u003cspan class=\"sv-expert-stat-icon\"\u003e📈\u003c\/span\u003e\n \u003cspan class=\"sv-expert-stat-label\"\u003e93% more confidence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-stat-item\"\u003e\n \u003cspan class=\"sv-expert-stat-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"sv-expert-stat-label\"\u003ePatented conductive layer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 桌面端布局 --\u003e\n \u003cdiv class=\"sv-expert-desktop\"\u003e\n \u003cdiv class=\"sv-expert-desktop-image\"\u003e\n \u003cdiv class=\"sv-expert-image-ring\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__17_20_42.jpg?v=1783416410\" alt=\"Expert endorsement\" loading=\"lazy\" draggable=\"false\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-desktop-right\"\u003e\n \u003cdiv class=\"sv-expert-card\"\u003e\n \u003cp class=\"sv-expert-card__quote\"\u003e“I often recommend non-invasive, topical support like Slimifyfit™ to patients seeking a drug-free alternative. The conductive layer technology is rooted in well-established principles of bio-electric signaling — it's a smart, gentle approach.”\u003c\/p\u003e\n \u003cdiv class=\"sv-expert-card__author\"\u003e\n \u003cspan\u003e— Dr. Elena Torres, PhD in Neuro-Rehabilitation\u003c\/span\u003e\n \u003cspan class=\"sv-expert-card__check\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-card\"\u003e\n \u003cp class=\"sv-expert-card__quote\"\u003e“Our internal monitoring showed that 97% of participants reported meaningful improvement in movement confidence within two weeks. For a completely non-pharmacological intervention, that's a striking signal of real-world efficacy.”\u003c\/p\u003e\n \u003cdiv class=\"sv-expert-card__author\"\u003e\n \u003cspan\u003e— Slimifyfit™ R\u0026amp;D Team\u003c\/span\u003e\n \u003cspan class=\"sv-expert-card__check\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-stats\"\u003e\n \u003cdiv class=\"sv-expert-stat-item\"\u003e\n \u003cspan class=\"sv-expert-stat-icon\"\u003e📊\u003c\/span\u003e\n \u003cspan class=\"sv-expert-stat-label\"\u003e97% improvement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-stat-item\"\u003e\n \u003cspan class=\"sv-expert-stat-icon\"\u003e📈\u003c\/span\u003e\n \u003cspan class=\"sv-expert-stat-label\"\u003e93% more confidence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-expert-stat-item\"\u003e\n \u003cspan class=\"sv-expert-stat-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"sv-expert-stat-label\"\u003ePatented conductive layer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle data-shopify=\"\"\u003e\n.sv-expert {\n --brand: #fd8e03;\n --text-dark: #1E2A32;\n --text-body: #2C3A42;\n --bg: #F4F7F3;\n --card-bg: #ffffff;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n isolation: isolate;\n background: var(--bg);\n border-radius: 36px;\n padding: 40px 18px 48px;\n overflow: hidden;\n box-shadow: 0 20px 50px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.6);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n.sv-expert * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.sv-expert-bg-dots {\n position: absolute; inset: 0; pointer-events: none; z-index: 0;\n opacity: 0.25;\n background-image: radial-gradient(circle, rgba(44,58,66,0.15) 1px, transparent 1px);\n background-size: 18px 18px;\n mask-image: radial-gradient(ellipse 75% 60% at 50% 50%, black 25%, transparent 70%);\n}\n.sv-expert-orb {\n position: absolute; border-radius: 50%; filter: blur(80px);\n pointer-events: none; z-index: 0;\n animation: svOrbFloat 12s ease-in-out infinite;\n}\n.sv-expert-orb--1 { width: 260px; height: 260px; background: rgba(253,142,3,0.06); top: -60px; right: -50px; }\n.sv-expert-orb--2 { width: 220px; height: 220px; background: rgba(44,58,66,0.04); bottom: -40px; left: -40px; animation-delay: -6s; animation-duration: 15s; }\n@keyframes svOrbFloat {\n 0%,100% { transform: translate(0,0) scale(1); }\n 25% { transform: translate(25px,-20px) scale(1.08); }\n 50% { transform: translate(-15px,15px) scale(0.94); }\n 75% { transform: translate(-30px,-8px) scale(1.05); }\n}\n\n.sv-expert-content { position: relative; z-index: 2; }\n.sv-expert-header { text-align: center; margin-bottom: 32px; }\n.sv-expert-header__title { font-size: 2.4rem; font-weight: 700; color: var(--text-dark); line-height: 1.2; letter-spacing: -0.3px; }\n\n.sv-expert-mobile { display: flex; flex-direction: column; gap: 18px; }\n.sv-expert-image-wrap {\n position: relative; aspect-ratio: 1\/1; border-radius: 24px; overflow: hidden;\n background: #fff; box-shadow: 0 8px 30px rgba(0,0,0,0.06);\n border: 1px solid rgba(0,0,0,0.05);\n transition: box-shadow 0.4s, transform 0.4s;\n}\n.sv-expert-image-wrap:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.12); transform: translateY(-3px); }\n.sv-expert-image-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.sv-expert-image-ring {\n position: absolute; inset: -3px; border-radius: 24px; pointer-events: none; z-index: 2;\n border: 2px solid transparent;\n border-top-color: rgba(253,142,3,0.2); border-right-color: rgba(253,142,3,0.1);\n animation: svRingSpin 10s linear infinite;\n}\n@keyframes svRingSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n.sv-expert-card {\n background: var(--card-bg); border-radius: 20px; padding: 22px 18px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.04);\n transition: box-shadow 0.35s, transform 0.35s;\n}\n.sv-expert-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.08); transform: translateY(-2px); }\n.sv-expert-card__quote {\n font-size: 1.15rem;\nfont-weight: 500; font-style: italic; color: var(--text-body);\n line-height: 1.5; margin-bottom: 14px; padding-left: 16px;\n border-left: 3px solid var(--brand);\n}\n.sv-expert-card__author {\n display: flex; align-items: center; justify-content: space-between;\n font-size: 1.05rem; font-weight: 600; color: var(--text-dark);\n}\n.sv-expert-card__check {\n width: 24px; height: 24px; border-radius: 50%;\n background: rgba(253,142,3,0.1); display: flex; align-items: center;\n justify-content: center; color: var(--brand); font-weight: 700;\n font-size: 1.05rem;font-weight:600; flex-shrink: 0;\n}\n\n.sv-expert-stats {\n display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px;\n}\n.sv-expert-stat-item {\n position: relative;\n background: linear-gradient(135deg, #ffffff 0%, #fafbf8 100%);\n border-radius: 18px; padding: 16px 14px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.04), 0 0 0 1px rgba(253,142,3,0.08);\n display: flex; align-items: center; gap: 10px;\n font-size: 1.05rem; font-weight: 600; color: var(--text-body);\n flex: 1 1 auto; justify-content: center; min-width: 0;\n transition: all 0.3s cubic-bezier(0.22,0.61,0.36,1);\n overflow: hidden; z-index: 1;\n}\n.sv-expert-stat-item::before {\n content: ''; position: absolute; top: -20px; right: -20px;\n width: 80px; height: 80px;\n background: radial-gradient(circle, rgba(253,142,3,0.1) 0%, transparent 70%);\n border-radius: 50%; z-index: -1;\n transition: transform 0.4s ease, opacity 0.4s; opacity: 0.6;\n}\n.sv-expert-stat-item::after {\n content: ''; position: absolute; bottom: -15px; left: -15px;\n width: 70px; height: 70px;\n background: radial-gradient(circle, rgba(44,58,66,0.05) 0%, transparent 70%);\n border-radius: 50%; z-index: -1;\n transition: transform 0.4s ease, opacity 0.4s; opacity: 0.5;\n}\n.sv-expert-stat-item:hover::before { transform: scale(1.2) translate(-5px,5px); opacity: 0.9; }\n.sv-expert-stat-item:hover::after { transform: scale(1.1) translate(5px,-5px); opacity: 0.8; }\n.sv-expert-stat-item:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(253,142,3,0.2); transform: translateY(-3px); }\n.sv-expert-stat-icon { font-size: 1.5rem; flex-shrink: 0; position: relative; z-index: 2; }\n.sv-expert-stat-label { position: relative; z-index: 2; font-weight: 600; }\n\n.sv-expert-desktop { display: none; }\n\n@media (min-width: 768px) {\n .sv-expert { padding: 56px 32px 60px; border-radius: 44px; }\n .sv-expert-header__title { font-size: 4.2rem; }\n .sv-expert-mobile { display: none; }\n .sv-expert-desktop {\n display: grid; grid-template-columns: 420px 1fr; gap: 32px; align-items: center;\n }\n .sv-expert-desktop-image {\n position: relative; aspect-ratio: 1\/1; border-radius: 28px; overflow: hidden;\n background: #fff; box-shadow: 0 12px 40px rgba(0,0,0,0.08);\n border: 1px solid rgba(0,0,0,0.05);\n transition: box-shadow 0.4s, transform 0.4s;\n }\n .sv-expert-desktop-image:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.15); transform: translateY(-3px); }\n .sv-expert-desktop-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n .sv-expert-desktop-image .sv-expert-image-ring { position: absolute; inset: -4px; border-radius: 30px; }\n .sv-expert-desktop-right { display: flex; flex-direction: column; gap: 18px; }\n .sv-expert-desktop-right .sv-expert-card { padding: 24px 22px; }\n .sv-expert-card__quote { font-size: 1.7rem; }\n .sv-expert-card__author { font-size: 1.25rem; }\n .sv-expert-stats { margin-top: 4px; justify-content: flex-start; }\n .sv-expert-stat-item { font-size: 1.4rem; padding: 16px 18px; }\n}\n\n@media (min-width: 1024px) {\n .sv-expert-desktop { grid-template-columns: 460px 1fr; gap: 40px; }\n .sv-expert-header__title { font-size: 3.2rem; }\n .sv-expert-card__quote { font-size: 1.05rem; }\n}\n\u003c\/style\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_gjgzC9\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_gjgzC9-padding {\n padding-top: calc(68px * 0.75);\n padding-bottom: calc(68px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_gjgzC9-padding {\n padding-top: 68px;\n padding-bottom: 68px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_gjgzC9-padding\"\u003e\n \n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSlimifyvibe™ As Seen In\u003c\/title\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600;1,700\u0026amp;family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400;1,9..40,500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n \/* ============ 所有变量与样式限定在 #slimifyvibe-asseen 内 ============ *\/\n #slimifyvibe-asseen {\n --brand: #fd8e03;\n --brand-soft: rgba(253, 142, 3, 0.08);\n --brand-glow: rgba(253, 142, 3, 0.25);\n --gold: #c9a96e;\n --gold-soft: rgba(201, 169, 110, 0.18);\n --surface-warm: #FDFBF7;\n --text-dark: #1a1a1a;\n --text-mid: #4a4a4a;\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);\n --shadow-md: 0 6px 22px rgba(0,0,0,0.06);\n --shadow-lg: 0 12px 36px rgba(0,0,0,0.07);\n --shadow-xl: 0 20px 50px rgba(0,0,0,0.09);\n --shadow-glow: 0 0 40px rgba(253,142,3,0.08), 0 0 80px rgba(253,142,3,0.03);\n --radius-lg: 20px;\n --radius-xl: 26px;\n --radius-full: 60px;\n --font-display: 'Playfair Display', 'Georgia', 'Times New Roman', serif;\n --font-body: 'DM Sans', 'Inter', 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;\n\n position: relative;\n background: radial-gradient(ellipse at 40% 15%, rgba(253,142,3,0.04) 0%, transparent 60%),\n radial-gradient(ellipse at 65% 55%, rgba(201,169,110,0.05) 0%, transparent 50%),\n radial-gradient(ellipse at 25% 75%, rgba(27,126,90,0.025) 0%, transparent 50%),\n linear-gradient(180deg, #FDFBF7 0%, #faf8f4 30%, #f8f5ef 70%, #FDFBF7 100%);\n padding: 44px 16px;\n overflow: hidden;\n font-family: var(--font-body);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n\n #slimifyvibe-asseen *,\n #slimifyvibe-asseen *::before,\n #slimifyvibe-asseen *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* 背景装饰层 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-ambient {\n position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-orb {\n position: absolute; border-radius: 50%; filter: blur(65px); opacity: 0.38;\n animation: slimifyvibe-asseen-orbBreathe 10s ease-in-out infinite;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-orb--top {\n width: 280px; height: 280px; background: rgba(253,142,3,0.05);\n top: -100px; right: -70px; animation-delay: 0s;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-orb--mid {\n width: 200px; height: 200px; background: rgba(201,169,110,0.045);\n top: 40%; left: -70px; animation-delay: -3.5s;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-orb--bottom {\n width: 180px; height: 180px; background: rgba(27,126,90,0.03);\n bottom: -50px; right: 15%; animation-delay: -7s;\n }\n @keyframes slimifyvibe-asseen-orbBreathe {\n 0%,100% { transform: scale(1); opacity: 0.32; }\n 35% { transform: scale(1.28); opacity: 0.55; }\n 65% { transform: scale(0.88); opacity: 0.26; }\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-geo {\n position: absolute; pointer-events: none; border-radius: 50%;\n border: 1px solid rgba(201,169,110,0.16); animation: slimifyvibe-asseen-ringSpin 45s linear infinite;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-geo--1 {\n width: 240px; height: 240px; top: -60px; left: -80px;\n border-style: dashed; border-width: 1px; animation-duration: 55s; animation-direction: reverse;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-geo--2 {\n width: 130px; height: 130px; bottom: 12%; right: -40px;\n border-color: rgba(253,142,3,0.12); animation-duration: 33s;\n }\n @keyframes slimifyvibe-asseen-ringSpin {\n from { transform: rotate(0deg); } to { transform: rotate(360deg); }\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-sparkle {\n position: absolute; width: 2.5px; height: 2.5px; border-radius: 50%;\n background: var(--gold); pointer-events: none;\n animation: slimifyvibe-asseen-sparkleFloat 7s ease-in-out infinite; opacity: 0;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-sparkle--1 { top: 12%; left: 10%; animation-delay: 0s; }\n #slimifyvibe-asseen .slimifyvibe-asseen-sparkle--2 { top: 22%; right: 12%; animation-delay: -2.2s; width: 2px; height: 2px; background: #fd8e03; }\n #slimifyvibe-asseen .slimifyvibe-asseen-sparkle--3 { bottom: 20%; left: 16%; animation-delay: -4.5s; width: 3px; height: 3px; background: #c9a96e; }\n #slimifyvibe-asseen .slimifyvibe-asseen-sparkle--4 { top: 38%; right: 8%; animation-delay: -1.6s; background: #1B7E5A; width: 2px; height: 2px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-sparkle--5 { bottom: 28%; right: 22%; animation-delay: -5.8s; width: 2.5px; height: 2.5px; background: #fd8e03; }\n @keyframes slimifyvibe-asseen-sparkleFloat {\n 0%,100% { opacity: 0; transform: translateY(0) scale(0.35); }\n 10% { opacity: 0.8; transform: translateY(-14px) scale(1.25); }\n 25% { opacity: 0.18; transform: translateY(-24px) scale(0.5); }\n 48% { opacity: 0.6; transform: translateY(-6px) scale(1.05); }\n 68% { opacity: 0.05; transform: translateY(-20px) scale(0.28); }\n 84% { opacity: 0.45; transform: translateY(-2px) scale(0.9); }\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-grid {\n position: absolute; inset: 0; pointer-events: none; opacity: 0.022;\n background-image: linear-gradient(rgba(201,169,110,0.45) 1px, transparent 1px),\n linear-gradient(90deg, rgba(201,169,110,0.45) 1px, transparent 1px);\n background-size: 34px 34px;\n mask-image: radial-gradient(ellipse at center, black 22%, transparent 62%);\n -webkit-mask-image: radial-gradient(ellipse at center, black 22%, transparent 62%);\n }\n\n \/* 主内容 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-inner {\n position: relative; z-index: 2; max-width: 1000px; width: 100%; margin: 0 auto;\n display: flex; flex-direction: column; align-items: center; gap: 24px;\n }\n\n \/* 卡片容器 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-card {\n width: 100%; background: rgba(255,255,255,0.6); backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px); border-radius: var(--radius-xl);\n padding: 28px 16px; box-shadow: var(--shadow-lg), var(--shadow-glow);\n border: 1px solid rgba(201,169,110,0.18);\n display: flex; flex-direction: column; align-items: center; gap: 22px;\n animation: slimifyvibe-asseen-cardIn 0.8s cubic-bezier(0.22,0.61,0.36,1) forwards;\n opacity: 0; animation-delay: 0.05s;\n transition: box-shadow 0.5s ease, transform 0.4s ease;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-card:hover {\n box-shadow: var(--shadow-xl), 0 0 60px rgba(253,142,3,0.08); transform: translateY(-1px);\n }\n @keyframes slimifyvibe-asseen-cardIn {\n from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }\n }\n\n \/* 标题 - 移动端2.3rem，桌面端4.2rem，字重800 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-headline {\n font-family: var(--font-display);\n font-size: 2.3rem; \/* 移动端标题2.3rem *\/\n font-weight: 800; \/* 标题字重800 *\/\n font-style: normal;\n color: var(--text-dark);\n letter-spacing: -0.01em;\n line-height: 1.15;\n text-align: center;\n animation: slimifyvibe-asseen-fadeUp 0.7s cubic-bezier(0.22,0.61,0.36,1) forwards;\n opacity: 0; animation-delay: 0.15s;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-headline-accent {\n font-style: italic; color: #3a2a0a;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-headline-underline {\n display: inline-block; position: relative;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-headline-underline::after {\n content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 3px;\n background: rgba(253,142,3,0.28); border-radius: 2px;\n }\n\n \/* 装饰分隔线 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-divider {\n display: flex; align-items: center; gap: 10px;\n animation: slimifyvibe-asseen-fadeUp 0.7s cubic-bezier(0.22,0.61,0.36,1) forwards;\n opacity: 0; animation-delay: 0.22s;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-divider-line {\n width: 28px; height: 1px; background: rgba(201,169,110,0.5); border-radius: 1px;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-divider-icon {\n font-size: 0.7rem; color: var(--gold); flex-shrink: 0;\n animation: slimifyvibe-asseen-starPulse 3s ease-in-out infinite;\n }\n @keyframes slimifyvibe-asseen-starPulse {\n 0%,100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.35); opacity: 1; }\n }\n @keyframes slimifyvibe-asseen-fadeUp {\n from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); }\n }\n\n \/* 品牌标签网格 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-brands {\n display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; width: 100%;\n }\n\n \/* 单个品牌标签 - 移动端最小1.05rem，桌面端1.15rem，字重600 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag {\n display: inline-flex; align-items: center; gap: 7px;\n background: #fff; border: 1px solid rgba(201,169,110,0.25);\n border-radius: var(--radius-full); padding: 10px 17px;\n font-family: var(--font-body);\n font-size: 1.05rem; \/* 移动端最小1.05rem *\/\n font-weight: 600; \/* 正文描述字重600 *\/\n color: var(--text-mid);\n letter-spacing: 0.01em; white-space: nowrap;\n box-shadow: 0 1px 2px rgba(0,0,0,0.03);\n transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1);\n position: relative; cursor: default;\n animation: slimifyvibe-asseen-tagIn 0.55s cubic-bezier(0.22,0.61,0.36,1) forwards;\n opacity: 0; overflow: hidden;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag::before {\n content: ''; position: absolute; inset: 0; border-radius: var(--radius-full);\n background: linear-gradient(135deg, transparent 40%, rgba(253,142,3,0.04) 60%, transparent 80%);\n pointer-events: none; opacity: 0; transition: opacity 0.4s ease;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag:hover::before { opacity: 1; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag:nth-child(1) { animation-delay: 0.28s; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag:nth-child(2) { animation-delay: 0.36s; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag:nth-child(3) { animation-delay: 0.44s; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag:nth-child(4) { animation-delay: 0.52s; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag:nth-child(5) { animation-delay: 0.60s; }\n @keyframes slimifyvibe-asseen-tagIn {\n from { opacity: 0; transform: translateY(18px) scale(0.9); }\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md), 0 0 22px rgba(253,142,3,0.1);\n border-color: rgba(201,169,110,0.45); color: #2a1a0a; background: #FFFCF7;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-dot {\n width: 5px; height: 5px; border-radius: 50%; background: var(--gold);\n flex-shrink: 0; opacity: 0.7; transition: all 0.4s ease;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag:hover .slimifyvibe-asseen-brand-dot {\n background: var(--brand); opacity: 1; box-shadow: 0 0 8px rgba(253,142,3,0.4); transform: scale(1.3);\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-name {\n font-weight: 600; letter-spacing: 0.02em;\n }\n\n \/* 卡片底部微光 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-card::after {\n content: ''; position: absolute; bottom: 0; left: 8%; right: 8%; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(253,142,3,0.2), rgba(201,169,110,0.15), transparent);\n pointer-events: none; z-index: 1; border-radius: 0 0 50% 50%; opacity: 0.5;\n }\n\n \/* ============ 响应式：768px+ 桌面端 ============ *\/\n @media (min-width: 768px) {\n #slimifyvibe-asseen { padding: 60px 28px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-card { padding: 36px 28px; gap: 26px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-headline {\n font-size: 4.2rem; \/* 桌面端标题4.2rem *\/\n letter-spacing: -0.015em;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-divider-line { width: 40px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-divider { gap: 14px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-divider-icon { font-size: 0.8rem; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brands { gap: 14px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag {\n padding: 12px 22px;\n font-size: 1.15rem; \/* 桌面端最小1.15rem *\/\n gap: 9px;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-dot { width: 6px; height: 6px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-orb--top { width: 380px; height: 380px; top: -140px; right: -90px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-orb--mid { width: 260px; height: 260px; top: 35%; left: -90px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-orb--bottom { width: 220px; height: 220px; bottom: -60px; right: 12%; }\n #slimifyvibe-asseen .slimifyvibe-asseen-geo--1 { width: 320px; height: 320px; top: -80px; left: -100px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-geo--2 { width: 180px; height: 180px; bottom: 10%; right: -50px; }\n }\n\n @media (min-width: 1024px) {\n #slimifyvibe-asseen { padding: 70px 36px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-card { padding: 40px 34px; gap: 28px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brands { gap: 16px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag {\n padding: 13px 24px;\n font-size: 1.2rem; \/* 略大于1.15rem，保持优雅 *\/\n gap: 10px;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-dot { width: 7px; height: 7px; }\n }\n\n @media (max-width: 400px) {\n #slimifyvibe-asseen { padding: 30px 8px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-card { padding: 20px 10px; gap: 16px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-headline { font-size: 2.3rem; } \/* 保持移动端最小值 *\/\n #slimifyvibe-asseen .slimifyvibe-asseen-brands { gap: 7px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-tag {\n padding: 8px 13px;\n font-size: 1.05rem; \/* 保持移动端最小值 *\/\n gap: 5px;\n }\n #slimifyvibe-asseen .slimifyvibe-asseen-brand-dot { width: 4px; height: 4px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-divider-line { width: 20px; }\n #slimifyvibe-asseen .slimifyvibe-asseen-divider { gap: 7px; }\n }\n \u003c\/style\u003e\n\n\n \u003csection id=\"slimifyvibe-asseen\" aria-label=\"Slimifyvibe recognized by leading wellness platforms\"\u003e\n \u003cdiv class=\"slimifyvibe-asseen-ambient\"\u003e\n \u003cdiv class=\"slimifyvibe-asseen-orb slimifyvibe-asseen-orb--top\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-orb slimifyvibe-asseen-orb--mid\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-orb slimifyvibe-asseen-orb--bottom\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-geo slimifyvibe-asseen-geo--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-geo slimifyvibe-asseen-geo--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-sparkle slimifyvibe-asseen-sparkle--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-sparkle slimifyvibe-asseen-sparkle--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-sparkle slimifyvibe-asseen-sparkle--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-sparkle slimifyvibe-asseen-sparkle--4\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-sparkle slimifyvibe-asseen-sparkle--5\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-grid\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-inner\"\u003e\n \u003cdiv class=\"slimifyvibe-asseen-card\"\u003e\n \u003ch2 class=\"slimifyvibe-asseen-headline\"\u003e\n Recognized by \u003cspan class=\"slimifyvibe-asseen-headline-underline\"\u003eLeading Wellness\u003c\/span\u003e \u003cspan class=\"slimifyvibe-asseen-headline-accent\"\u003ePlatforms\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003cdiv class=\"slimifyvibe-asseen-divider\"\u003e\n \u003cspan class=\"slimifyvibe-asseen-divider-line\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-divider-icon\"\u003e✦\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-divider-line\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"slimifyvibe-asseen-brands\"\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-tag\"\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-name\"\u003emindbodygreen\u003c\/span\u003e\n \u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-tag\"\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-name\"\u003eWell+Good\u003c\/span\u003e\n \u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-tag\"\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-name\"\u003eHealthline\u003c\/span\u003e\n \u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-tag\"\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-name\"\u003ePrevention\u003c\/span\u003e\n \u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-tag\"\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-dot\"\u003e\u003c\/span\u003e\n \u003cspan class=\"slimifyvibe-asseen-brand-name\"\u003eVerywell Health\u003c\/span\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003cstyle\u003e \u003c\/style\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_6ybPHw\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_6ybPHw-padding {\n padding-top: calc(28px * 0.75);\n padding-bottom: calc(52px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_6ybPHw-padding {\n padding-top: 28px;\n padding-bottom: 52px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_6ybPHw-padding\"\u003e\n \u003csection id=\"shopify-section-template--29687139008593__custom_liquid_kdirBY\" class=\"shopify-section section\"\u003e\n \u003cstyle data-shopify=\"\"\u003e\n .section-template--29687139008593__custom_liquid_kdirBY-padding {\n padding-top: calc(40px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n @media screen and (min-width: 750px) {\n .section-template--29687139008593__custom_liquid_kdirBY-padding {\n padding-top: 40px;\n padding-bottom: 0px;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \u003cdiv class=\"section-template--29687139008593__custom_liquid_kdirBY-padding\"\u003e\n \u003cdiv class=\"section-template--22797866762496__custom_liquid_MjGtG4-padding\"\u003e\n\n \u003cstyle\u003e\n .sv-ugc-stack {\n --sv-brand: #fd8e03;\n --sv-text-dark: #0f2a43;\n --sv-text-sub: #6b7c93;\n --sv-radius-xl: 28px;\n --sv-radius-lg: 20px;\n --sv-radius-sm: 12px;\n --sv-shadow-card: 0 3px 16px rgba(0,0,0,0.055);\n --sv-shadow-hover: 0 12px 34px rgba(0,0,0,0.11), 0 0 0 2px rgba(253,142,3,0.14);\n --sv-shadow-top: 0 22px 52px rgba(0,0,0,0.18), 0 0 0 3px rgba(253,142,3,0.28);\n --sv-trans-bounce: cubic-bezier(0.34,1.56,0.64,1);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n max-width: 1200px;\n margin: 0 auto;\n padding: 36px 14px 32px;\n position: relative;\n isolation: isolate;\n -webkit-font-smoothing: antialiased;\n }\n .sv-ugc-stack__bg {\n position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; border-radius: 60px;\n }\n .sv-ugc-stack__orb {\n position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.24;\n animation: svOrbFloat 9s ease-in-out infinite;\n }\n .sv-ugc-stack__orb--1 {\n width: 240px; height: 240px;\n background: radial-gradient(circle, rgba(253,142,3,0.13) 0%, transparent 70%);\n top: -50px; right: -50px;\n }\n .sv-ugc-stack__orb--2 {\n width: 180px; height: 180px;\n background: radial-gradient(circle, rgba(201,169,110,0.10) 0%, transparent 70%);\n bottom: -30px; left: -30px;\n animation-delay: -4s; animation-duration: 10s;\n }\n .sv-ugc-stack__orb--3 {\n width: 130px; height: 130px;\n background: radial-gradient(circle, rgba(253,142,3,0.07) 0%, transparent 70%);\n top: 50%; left: 50%; transform: translate(-50%, -50%);\n animation-delay: -2s; animation-duration: 8s; filter: blur(70px); opacity: 0.18;\n }\n @keyframes svOrbFloat {\n 0%,100%{ transform: translate(0,0) scale(1); }\n 25%{ transform: translate(14px,-18px) scale(1.05); }\n 50%{ transform: translate(-9px,10px) scale(0.94); }\n 75%{ transform: translate(-16px,-4px) scale(1.03); }\n }\n .sv-ugc-stack__dots {\n position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0.11;\n background-image: radial-gradient(circle, rgba(160,140,110,0.5) 1px, transparent 1px);\n background-size: 16px 16px;\n mask-image: radial-gradient(ellipse 70% 55% at 50% 50%, black 16%, transparent 66%);\n -webkit-mask-image: radial-gradient(ellipse 70% 55% at 50% 50%, black 16%, transparent 66%);\n }\n\n .sv-ugc-stack__header {\n text-align: center; margin-bottom: 22px; position: relative; z-index: 1;\n }\n .sv-ugc-stack__label {\n display: inline-flex; align-items: center; gap: 7px;\n font-size: 0.7rem; letter-spacing: 2.5px; color: var(--sv-text-sub);\n text-transform: uppercase; font-weight: 500;\n background: rgba(253,142,3,0.04); padding: 5px 13px; border-radius: 30px;\n border: 1px solid rgba(253,142,3,0.10);\n opacity: 0; transform: translateY(10px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n .sv-ugc-stack__label.visible { opacity: 1; transform: translateY(0); }\n .sv-ugc-stack__label-dot {\n width: 5px; height: 5px; border-radius: 50%; background: var(--sv-brand);\n animation: svPulseDot 2s ease-in-out infinite;\n }\n @keyframes svPulseDot {\n 0%,100%{ box-shadow: 0 0 0 0 rgba(253,142,3,0.4); }\n 50%{ box-shadow: 0 0 0 6px rgba(253,142,3,0); }\n }\n .sv-ugc-stack__title {\n font-size: 1.85rem; font-weight: 700; margin-top: 10px;\n color: var(--sv-text-dark); letter-spacing: -0.3px; line-height: 1.2;\n max-width: 380px; margin-left: auto; margin-right: auto;\n opacity: 0; transform: translateY(12px);\n transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s;\n }\n .sv-ugc-stack__title.visible { opacity: 1; transform: translateY(0); }\n .sv-ugc-stack__highlight {\n background: linear-gradient(180deg, transparent 55%, rgba(253,142,3,0.2) 55%);\n padding: 0 3px;\n }\n\n .sv-ugc-stack__content {\n position: relative; z-index: 1; max-width: 640px;\n margin: 0 auto; display: flex; flex-direction: column; gap: 10px;\n }\n\n \/* HERO *\/\n .sv-ugc-stack__hero {\n position: relative; overflow: hidden;\n border-radius: var(--sv-radius-xl); background: #f5f7fb;\n cursor: pointer; box-shadow: var(--sv-shadow-card);\n aspect-ratio: 4 \/ 3;\n z-index: 1; opacity: 0; transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.4s ease;\n will-change: transform, z-index;\n }\n .sv-ugc-stack__hero.visible { opacity: 1; transform: translateY(0); }\n .sv-ugc-stack__hero img {\n width: 100%; height: 100%; object-fit: cover; display: block;\n }\n .sv-ugc-stack__hero::before {\n content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1;\n background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.015) 78%, rgba(0,0,0,0.05) 100%);\n border-radius: inherit; opacity: 0.5;\n }\n\n \/* 四图容器 *\/\n .sv-ugc-stack__quad {\n position: relative; aspect-ratio: 1 \/ 1.25;\n }\n\n \/* 卡片通用样式 *\/\n .sv-ugc-stack__card {\n position: absolute; overflow: hidden;\n background: #f5f7fb; cursor: pointer;\n box-shadow: var(--sv-shadow-card);\n opacity: 0; transition: opacity 0.6s ease, box-shadow 0.4s ease;\n will-change: transform, z-index;\n }\n .sv-ugc-stack__card.visible { opacity: 1; }\n .sv-ugc-stack__card img {\n width: 100%; height: 100%; object-fit: cover; display: block;\n }\n .sv-ugc-stack__card::before {\n content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1;\n background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.015) 78%, rgba(0,0,0,0.05) 100%);\n border-radius: inherit; opacity: 0.5;\n }\n\n \/* 四张图位置 *\/\n .sv-ugc-stack__card--tall {\n top: 0; left: 0; width: 53%;\n aspect-ratio: 3 \/ 4; z-index: 2;\n border-radius: var(--sv-radius-sm);\n }\n .sv-ugc-stack__card--wide {\n top: 0; right: 0; width: 53%;\n aspect-ratio: 4 \/ 3; z-index: 3;\n border-radius: var(--sv-radius-lg);\n }\n .sv-ugc-stack__card--square {\n bottom: 0; left: 0; width: 50%;\n aspect-ratio: 1 \/ 1; z-index: 4;\n border-radius: var(--sv-radius-sm);\n }\n .sv-ugc-stack__card--portrait {\n bottom: 0; right: 0; width: 50%;\n aspect-ratio: 2 \/ 3; z-index: 5;\n border-radius: 20px;\n }\n\n \/* 光点 *\/\n .sv-ugc-stack__glow {\n position: absolute; width: 5px; height: 5px; border-radius: 50%;\n background: var(--sv-brand); pointer-events: none; z-index: 3;\n opacity: 0; box-shadow: 0 0 0 0 rgba(253,142,3,0.4);\n transition: opacity 0.3s ease, transform 0.3s ease;\n }\n .sv-ugc-stack__glow--tl { top: 7px; left: 7px; }\n .sv-ugc-stack__glow--tr { top: 7px; right: 7px; }\n .sv-ugc-stack__glow--br { bottom: 7px; right: 7px; }\n\n @media (min-width: 768px) {\n .sv-ugc-stack { padding: 56px 22px 44px; }\n .sv-ugc-stack__header { margin-bottom: 30px; }\n .sv-ugc-stack__label { font-size: 0.75rem; letter-spacing: 3px; }\n .sv-ugc-stack__title { font-size: 2.5rem; max-width: 520px; margin-top: 12px; }\n .sv-ugc-stack__content {\n flex-direction: row; align-items: stretch; max-width: 100%; gap: 0;\n }\n .sv-ugc-stack__hero {\n flex: 0 0 44%; aspect-ratio: 3 \/ 4.2; margin-right: 0; z-index: 2;\n }\n .sv-ugc-stack__quad {\n flex: 1; aspect-ratio: 1 \/ 1.1; margin-left: -8%;\n }\n .sv-ugc-stack__card--tall { top: 0; left: 0; width: 52%; z-index: 3; }\n .sv-ugc-stack__card--wide { top: 0; right: 0; width: 54%; z-index: 4; }\n .sv-ugc-stack__card--square { bottom: 0; left: 0; width: 48%; z-index: 5; }\n .sv-ugc-stack__card--portrait { bottom: 0; right: 0; width: 48%; z-index: 6; }\n }\n\n @media (min-width: 1024px) {\n .sv-ugc-stack { padding: 64px 24px 48px; }\n .sv-ugc-stack__title { font-size: 2.7rem; }\n .sv-ugc-stack__hero { flex: 0 0 42%; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sv-ugc-stack * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"sv-ugc-stack\" id=\"svUgcStack\"\u003e\n \u003cdiv class=\"sv-ugc-stack__bg\"\u003e\n \u003cdiv class=\"sv-ugc-stack__orb sv-ugc-stack__orb--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-ugc-stack__orb sv-ugc-stack__orb--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-ugc-stack__orb sv-ugc-stack__orb--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-ugc-stack__dots\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-ugc-stack__header\"\u003e\n \u003cdiv class=\"sv-ugc-stack__label visible\" id=\"svUgcLabel\"\u003e\n \u003cspan class=\"sv-ugc-stack__label-dot\"\u003e\u003c\/span\u003e From Chaotic Signals to Smooth Movement\n \u003c\/div\u003e\n \u003cdiv class=\"sv-ugc-stack__title visible\" id=\"svUgcTitle\"\u003e\n Get back to doing \u003cspan class=\"sv-ugc-stack__highlight\"\u003ewhat you love\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-ugc-stack__content\"\u003e\n \u003cdiv class=\"sv-ugc-stack__hero visible\" data-delay=\"0\"\u003e\n \u003cspan class=\"sv-ugc-stack__glow sv-ugc-stack__glow--tr\"\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134157_001.png?v=1783419225\" alt=\"Slimifyvibe™ transformation\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-ugc-stack__quad\"\u003e\n \u003cdiv class=\"sv-ugc-stack__card sv-ugc-stack__card--tall visible\" data-delay=\"80\"\u003e\n \u003cspan class=\"sv-ugc-stack__glow sv-ugc-stack__glow--tl\"\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134159_001.jpg?v=1783419225\" alt=\"Slimifyvibe™ experience\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-ugc-stack__card sv-ugc-stack__card--wide visible\" data-delay=\"140\" style=\"\"\u003e\n \u003cspan class=\"sv-ugc-stack__glow sv-ugc-stack__glow--br\" style=\"\"\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134200_001.jpg?v=1783419225\" alt=\"Slimifyvibe™ lifestyle\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-ugc-stack__card sv-ugc-stack__card--square visible\" data-delay=\"200\"\u003e\n \u003cspan class=\"sv-ugc-stack__glow sv-ugc-stack__glow--tl\"\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134202_001.jpg?v=1783419225\" alt=\"Slimifyvibe™ results\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-ugc-stack__card sv-ugc-stack__card--portrait visible\" data-delay=\"250\" style=\"\"\u003e\n \u003cspan class=\"sv-ugc-stack__glow sv-ugc-stack__glow--tr\" style=\"\"\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/DM_20260706134204_001.jpg?v=1783419225\" alt=\"Slimifyvibe™ community\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n (function() {\n const gallery = document.getElementById('svUgcStack');\n if (!gallery) return;\n\n const label = document.getElementById('svUgcLabel');\n const title = document.getElementById('svUgcTitle');\n const allCards = gallery.querySelectorAll('.sv-ugc-stack__card, .sv-ugc-stack__hero');\n\n \/\/ 入场动画\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n if (label) label.classList.add('visible');\n if (title) title.classList.add('visible');\n allCards.forEach(card =\u003e {\n const delay = parseInt(card.getAttribute('data-delay')) || 0;\n setTimeout(() =\u003e card.classList.add('visible'), delay + 160);\n });\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n observer.observe(gallery);\n\n \/\/ 点击置顶逻辑\n let topZ = 5000;\n allCards.forEach(card =\u003e {\n card.addEventListener('click', function(e) {\n e.stopPropagation();\n \/\/ 移除其他卡片的高亮状态\n allCards.forEach(c =\u003e {\n c.classList.remove('is-top');\n c.style.zIndex = '';\n c.style.transform = '';\n c.style.boxShadow = '';\n });\n \/\/ 当前卡片置顶\n this.classList.add('is-top');\n topZ += 1;\n this.style.zIndex = topZ;\n this.style.transform = 'scale(1.08)';\n this.style.boxShadow = '0 22px 52px rgba(0,0,0,0.18), 0 0 0 3px rgba(253,142,3,0.28)';\n this.style.transition = 'transform 0.35s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.35s ease';\n });\n\n \/\/ 悬停效果 (仅对非置顶卡片生效)\n card.addEventListener('mouseenter', function() {\n if (!this.classList.contains('is-top')) {\n this.style.zIndex = 60;\n this.style.transform = 'scale(1.05)';\n this.style.boxShadow = '0 12px 34px rgba(0,0,0,0.11), 0 0 0 2px rgba(253,142,3,0.14)';\n this.style.transition = 'transform 0.35s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.35s ease';\n \/\/ 显示光点\n const glow = this.querySelector('.sv-ugc-stack__glow');\n if (glow) {\n glow.style.opacity = '1';\n glow.style.transform = 'scale(2.2)';\n glow.style.boxShadow = '0 0 16px 6px rgba(253,142,3,0.5)';\n }\n }\n });\n card.addEventListener('mouseleave', function() {\n if (!this.classList.contains('is-top')) {\n this.style.zIndex = '';\n this.style.transform = '';\n this.style.boxShadow = '';\n this.style.transition = '';\n const glow = this.querySelector('.sv-ugc-stack__glow');\n if (glow) {\n glow.style.opacity = '';\n glow.style.transform = '';\n glow.style.boxShadow = '';\n }\n }\n });\n });\n\n console.log('✅ Slimifyvibe™ UGC — click to top, scale \u0026 glow');\n })();\n \u003c\/script\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_fmFQR7\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_fmFQR7-padding {\n padding-top: calc(40px * 0.75);\n padding-bottom: calc(60px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_fmFQR7-padding {\n padding-top: 40px;\n padding-bottom: 60px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_fmFQR7-padding\"\u003e\n \n\n\u003cdiv class=\"sv-faq\" id=\"slimifyvibe-faq\"\u003e\n \u003c!-- 背景装饰 --\u003e\n \u003cdiv class=\"sv-faq-bg-dots\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-faq-orb sv-faq-orb--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-faq-orb sv-faq-orb--2\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sv-faq-content\"\u003e\n \u003ch2 class=\"sv-faq-title\"\u003eGot Questions? We've Got Answers.\u003c\/h2\u003e\n \u003cdiv class=\"sv-faq-list\"\u003e\n \u003cdiv class=\"sv-faq-item\"\u003e\n \u003cbutton class=\"sv-faq-question\" aria-expanded=\"false\"\u003e\n \u003cspan\u003eHow quickly does it work?\u003c\/span\u003e\n \u003cspan class=\"sv-faq-icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"sv-faq-answer\"\u003e\n \u003cdiv class=\"sv-faq-answer-inner\"\u003e\n Most users notice a difference within 30–60 minutes. Consistent wear for 2–4 weeks yields the best results.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-faq-item\"\u003e\n \u003cbutton class=\"sv-faq-question\" aria-expanded=\"false\"\u003e\n \u003cspan\u003eWhere do I apply it?\u003c\/span\u003e\n \u003cspan class=\"sv-faq-icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"sv-faq-answer\"\u003e\n \u003cdiv class=\"sv-faq-answer-inner\"\u003e\n Clean, dry skin on inner wrist, upper arm, or shoulder. Rotate sites daily.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-faq-item\"\u003e\n \u003cbutton class=\"sv-faq-question\" aria-expanded=\"false\"\u003e\n \u003cspan\u003eIs it really waterproof?\u003c\/span\u003e\n \u003cspan class=\"sv-faq-icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"sv-faq-answer\"\u003e\n \u003cdiv class=\"sv-faq-answer-inner\"\u003e\n Yes, fully waterproof for up to 12 hours during showering, swimming, and exercise.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-faq-item\"\u003e\n \u003cbutton class=\"sv-faq-question\" aria-expanded=\"false\"\u003e\n \u003cspan\u003eAny side effects?\u003c\/span\u003e\n \u003cspan class=\"sv-faq-icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"sv-faq-answer\"\u003e\n \u003cdiv class=\"sv-faq-answer-inner\"\u003e\n Made from 100% natural ingredients. Most experience no side effects; slight redness possible for very sensitive skin.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-faq-item\"\u003e\n \u003cbutton class=\"sv-faq-question\" aria-expanded=\"false\"\u003e\n \u003cspan\u003eHow long does one patch last?\u003c\/span\u003e\n \u003cspan class=\"sv-faq-icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"sv-faq-answer\"\u003e\n \u003cdiv class=\"sv-faq-answer-inner\"\u003e\n Up to 12 hours. Apply a fresh one each morning.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-faq-item\"\u003e\n \u003cbutton class=\"sv-faq-question\" aria-expanded=\"false\"\u003e\n \u003cspan\u003eReturns policy?\u003c\/span\u003e\n \u003cspan class=\"sv-faq-icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"sv-faq-answer\"\u003e\n \u003cdiv class=\"sv-faq-answer-inner\"\u003e\n 30-day money-back guarantee. Full refund, no questions asked.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle data-shopify=\"\"\u003e\n\/* ===== Slimifyvibe FAQ – Scoped Styles ===== *\/\n.sv-faq {\n --brand: #fd8e03;\n --text-dark: #1E2A32;\n --text-sub: #6B7B83;\n --bg: #F4F7F3;\n --card-bg: #ffffff;\n --radius: 16px;\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n isolation: isolate;\n background: var(--bg);\n border-radius: 32px;\n padding: 40px 20px 48px;\n overflow: hidden;\n box-shadow: 0 20px 50px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.6);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sv-faq * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* 背景装饰 *\/\n.sv-faq-bg-dots {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n opacity: 0.2;\n background-image: radial-gradient(circle, rgba(44,58,66,0.12) 1px, transparent 1px);\n background-size: 16px 16px;\n mask-image: radial-gradient(ellipse 75% 60% at 50% 50%, black 20%, transparent 65%);\n}\n.sv-faq-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(70px);\n pointer-events: none;\n z-index: 0;\n animation: svFaqOrbFloat 14s ease-in-out infinite;\n}\n.sv-faq-orb--1 {\n width: 240px;\n height: 240px;\n background: rgba(253,142,3,0.05);\n top: -50px;\n right: -40px;\n}\n.sv-faq-orb--2 {\n width: 200px;\n height: 200px;\n background: rgba(44,58,66,0.03);\n bottom: -30px;\n left: -30px;\n animation-delay: -7s;\n animation-duration: 16s;\n}\n@keyframes svFaqOrbFloat {\n 0%, 100% { transform: translate(0,0) scale(1); }\n 25% { transform: translate(20px,-16px) scale(1.07); }\n 50% { transform: translate(-14px,12px) scale(0.94); }\n 75% { transform: translate(-26px,-6px) scale(1.04); }\n}\n\n.sv-faq-content {\n position: relative;\n z-index: 2;\n}\n\n\/* 标题: 移动端 2.3rem \/ 桌面端 4.2rem, 字重 800 *\/\n.sv-faq-title {\n text-align: center;\n font-size: 2.3rem;\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 30px;\n letter-spacing: -0.02em;\n line-height: 1.15;\n}\n\n\/* 问题列表 *\/\n.sv-faq-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n\/* 单个 FAQ 项 *\/\n.sv-faq-item {\n background: var(--card-bg);\n border-radius: var(--radius);\n border: 1px solid #E2E6EA;\n overflow: hidden;\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.sv-faq-item.is-open {\n border-color: rgba(253,142,3,0.4);\n box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n}\n\n\/* 问题按钮: 移动端 1.3rem \/ 桌面端 1.7rem, 字重 600 *\/\n.sv-faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-align: left;\n background: none;\n border: none;\n padding: 18px 20px;\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--text-dark);\n cursor: pointer;\n transition: color 0.3s;\n line-height: 1.3;\n}\n.sv-faq-question:hover {\n color: var(--brand);\n}\n.sv-faq-question span:first-child {\n flex: 1;\n padding-right: 16px;\n}\n\n\/* 图标容器（加号） *\/\n.sv-faq-icon {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: rgba(253,142,3,0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n font-weight: 400;\n color: var(--brand);\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s;\n}\n.sv-faq-item.is-open .sv-faq-icon {\n transform: rotate(45deg);\n background: rgba(253,142,3,0.15);\n}\n\n\/* 答案容器 *\/\n.sv-faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), padding 0.35s ease;\n padding: 0 20px;\n}\n.sv-faq-item.is-open .sv-faq-answer {\n padding-bottom: 18px;\n}\n\/* 答案文本: 移动端 1.05rem \/ 桌面端 1.15rem, 字重 400 *\/\n.sv-faq-answer-inner {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--text-sub);\n font-weight: 400;\n padding-top: 4px;\n}\n\n\/* 响应式 - 桌面端 *\/\n@media (min-width: 768px) {\n .sv-faq {\n padding: 70px 40px;\n border-radius: 36px;\n }\n .sv-faq-title {\n font-size: 4.2rem;\n margin-bottom: 40px;\n }\n .sv-faq-question {\n font-size: 1.7rem;\n padding: 24px 28px;\n }\n .sv-faq-icon {\n width: 38px;\n height: 38px;\n font-size: 1.6rem;\n }\n .sv-faq-answer {\n padding: 0 28px;\n }\n .sv-faq-item.is-open .sv-faq-answer {\n padding-bottom: 24px;\n }\n .sv-faq-answer-inner {\n font-size: 1.15rem;\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function() {\n window.addEventListener('DOMContentLoaded', function() {\n const faqList = document.querySelector('.sv-faq-list');\n if (!faqList) return;\n\n const items = faqList.querySelectorAll('.sv-faq-item');\n const questions = faqList.querySelectorAll('.sv-faq-question');\n\n questions.forEach((question, index) =\u003e {\n question.addEventListener('click', () =\u003e {\n const item = items[index];\n const isOpen = item.classList.contains('is-open');\n\n \/\/ 关闭所有其他项\n items.forEach((otherItem, otherIndex) =\u003e {\n if (otherIndex !== index \u0026\u0026 otherItem.classList.contains('is-open')) {\n otherItem.classList.remove('is-open');\n const otherAnswer = otherItem.querySelector('.sv-faq-answer');\n if (otherAnswer) {\n otherAnswer.style.maxHeight = '0px';\n }\n const otherBtn = otherItem.querySelector('.sv-faq-question');\n if (otherBtn) otherBtn.setAttribute('aria-expanded', 'false');\n }\n });\n\n \/\/ 切换当前项\n if (isOpen) {\n item.classList.remove('is-open');\n question.setAttribute('aria-expanded', 'false');\n const answer = item.querySelector('.sv-faq-answer');\n if (answer) {\n answer.style.maxHeight = '0px';\n }\n } else {\n item.classList.add('is-open');\n question.setAttribute('aria-expanded', 'true');\n const answer = item.querySelector('.sv-faq-answer');\n if (answer) {\n answer.style.maxHeight = answer.scrollHeight + 'px';\n }\n }\n });\n\n \/\/ 键盘支持\n question.addEventListener('keydown', (e) =\u003e {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n question.click();\n }\n });\n });\n });\n})();\n\u003c\/script\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_ek4Rca\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_ek4Rca-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_ek4Rca-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_ek4Rca-padding\"\u003e\n \n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\"\u003e\n \u003ctitle\u003eSlimifyvibe™ | CTA\u003c\/title\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n \/* ============ LOCAL CSS VARIABLES (SCOPED) ============ *\/\n #slimifyvibe-final {\n --sv-brand: #fd8e03;\n --sv-brand-dark: #c45d00;\n --sv-brand-gradient: linear-gradient(135deg, #fd8e03 0%, #f57c00 60%, #e87000 100%);\n --sv-text-dark: #1E1E1E;\n --sv-text-sub: #6B7B83;\n --sv-text-soft: #8A959B;\n --sv-bg-warm: #FDFBF7;\n --sv-card-bg: rgba(255, 255, 255, 0.72);\n --sv-card-border: rgba(0, 0, 0, 0.05);\n --sv-pay-card-bg: rgba(255, 255, 255, 0.88);\n --sv-check-green: #4caf84;\n --sv-shadow-content: 0 2px 28px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.03);\n --sv-shadow-pay-card: 0 1px 10px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.03);\n --sv-shadow-pay-card-hover: 0 6px 26px rgba(0, 0, 0, 0.09), 0 0 0 1px rgba(253, 142, 3, 0.18);\n --sv-shadow-btn: 0 8px 30px rgba(253, 142, 3, 0.35);\n --sv-shadow-btn-hover: 0 14px 44px rgba(253, 142, 3, 0.5), 0 4px 16px rgba(253, 142, 3, 0.25);\n --sv-radius-content: 24px;\n --sv-radius-pay-card: 16px;\n --sv-radius-pill: 50px;\n --sv-trans-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);\n --sv-trans-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);\n --sv-trans-spring: cubic-bezier(0.25, 0.1, 0.15, 1.35);\n\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background: var(--sv-bg-warm);\n position: relative;\n isolation: isolate;\n overflow: hidden;\n padding: 48px 20px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* ============ BACKGROUND DECORATIONS ============ *\/\n .sv-bg-orb {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n filter: blur(80px);\n opacity: 0.34;\n animation: svOrbFloat 9s ease-in-out infinite;\n }\n .sv-bg-orb--1 {\n width: 220px;\n height: 220px;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.2) 0%, transparent 70%);\n top: -50px;\n right: -40px;\n animation-delay: 0s;\n animation-duration: 10s;\n }\n .sv-bg-orb--2 {\n width: 180px;\n height: 180px;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.12) 0%, transparent 70%);\n bottom: -30px;\n left: -30px;\n animation-delay: -4s;\n animation-duration: 11s;\n }\n .sv-bg-orb--3 {\n width: 140px;\n height: 140px;\n background: radial-gradient(circle, rgba(201, 169, 110, 0.14) 0%, transparent 70%);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation-delay: -2s;\n animation-duration: 8s;\n filter: blur(60px);\n opacity: 0.26;\n }\n @keyframes svOrbFloat {\n 0%,\n 100% {\n transform: translate(0, 0) scale(1);\n }\n 25% {\n transform: translate(14px, -18px) scale(1.05);\n }\n 50% {\n transform: translate(-8px, 10px) scale(0.94);\n }\n 75% {\n transform: translate(-16px, -5px) scale(1.03);\n }\n }\n\n \/* Dot pattern texture *\/\n .sv-dot-texture {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n opacity: 0.2;\n background-image: radial-gradient(circle, rgba(180, 160, 130, 0.3) 1px, transparent 1px);\n background-size: 18px 18px;\n mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);\n }\n\n \/* Soft decorative ring *\/\n .sv-decor-ring {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n border: 1.5px solid rgba(253, 142, 3, 0.08);\n animation: svRingPulse 6s ease-in-out infinite;\n }\n .sv-decor-ring--1 {\n width: 240px;\n height: 240px;\n top: 12%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .sv-decor-ring--2 {\n width: 320px;\n height: 320px;\n top: 14%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation-delay: -3s;\n border-width: 1px;\n opacity: 0.6;\n }\n @keyframes svRingPulse {\n 0%,\n 100% {\n opacity: 0.35;\n transform: translate(-50%, -50%) scale(1);\n }\n 50% {\n opacity: 0.7;\n transform: translate(-50%, -50%) scale(1.05);\n }\n }\n\n \/* Floating particles *\/\n .sv-particles-layer {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n }\n .sv-particle {\n position: absolute;\n border-radius: 50%;\n background: rgba(253, 142, 3, 0.26);\n animation: svParticleRise linear infinite;\n opacity: 0;\n }\n @keyframes svParticleRise {\n 0% {\n transform: translateY(0) scale(0);\n opacity: 0;\n }\n 15% {\n opacity: 0.6;\n transform: translateY(-16px) scale(1);\n }\n 55% {\n opacity: 0.2;\n }\n 100% {\n transform: translateY(-120px) scale(0.3);\n opacity: 0;\n }\n }\n\n \/* ============ CONTENT WRAPPER ============ *\/\n .sv-content-wrap {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 640px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n \/* ============ MAIN CONTENT CARD (layer 1) ============ *\/\n .sv-content-card {\n position: relative;\n width: 100%;\n background: var(--sv-card-bg);\n border: 1px solid var(--sv-card-border);\n border-radius: var(--sv-radius-content);\n box-shadow: var(--sv-shadow-content);\n padding: 32px 22px 28px;\n display: flex;\n flex-direction: column;\n align-items: center;\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n transition: box-shadow 0.5s var(--sv-trans-smooth), border-color 0.5s var(--sv-trans-smooth);\n overflow: hidden;\n }\n .sv-content-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 20px;\n right: 20px;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(253, 142, 3, 0.28), rgba(253, 142, 3, 0.28), transparent);\n border-radius: 0 0 2px 2px;\n pointer-events: none;\n z-index: 2;\n opacity: 0.7;\n }\n .sv-content-card:hover {\n box-shadow: 0 6px 40px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(253, 142, 3, 0.08);\n border-color: rgba(253, 142, 3, 0.12);\n }\n\n \/* Inner subtle glow *\/\n .sv-inner-glow {\n position: absolute;\n top: -30px;\n left: 50%;\n transform: translateX(-50%);\n width: 240px;\n height: 80px;\n border-radius: 50%;\n background: radial-gradient(ellipse, rgba(253, 142, 3, 0.06) 0%, transparent 70%);\n pointer-events: none;\n z-index: 0;\n animation: svGlowBreathe 5s ease-in-out infinite;\n }\n @keyframes svGlowBreathe {\n 0%,\n 100% {\n opacity: 0.4;\n transform: translateX(-50%) scale(1);\n }\n 50% {\n opacity: 0.9;\n transform: translateX(-50%) scale(1.18);\n }\n }\n\n \/* ============ TITLE ============ *\/\n .sv-title {\n position: relative;\n z-index: 1;\n font-size: 2.3rem;\n font-weight: 800;\n color: var(--sv-text-dark);\n line-height: 1.18;\n letter-spacing: -0.4px;\n max-width: 460px;\n margin: 0 auto 10px;\n opacity: 0;\n transform: translateY(18px);\n transition: opacity 0.7s var(--sv-trans-smooth), transform 0.7s var(--sv-trans-smooth);\n }\n .sv-title.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .sv-title .sv-highlight {\n background: linear-gradient(180deg, transparent 56%, rgba(253, 142, 3, 0.22) 56%);\n padding: 0 2px;\n white-space: nowrap;\n }\n\n \/* ============ DESCRIPTION ============ *\/\n .sv-desc {\n position: relative;\n z-index: 1;\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--sv-text-sub);\n line-height: 1.45;\n max-width: 480px;\n margin: 0 auto 22px;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.7s var(--sv-trans-smooth) 0.1s, transform 0.7s var(--sv-trans-smooth) 0.1s;\n }\n .sv-desc.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ============ CTA BUTTON ============ *\/\n .sv-btn-wrap {\n position: relative;\n z-index: 1;\n opacity: 0;\n transform: translateY(14px);\n transition: opacity 0.7s var(--sv-trans-smooth) 0.2s, transform 0.7s var(--sv-trans-smooth) 0.2s;\n margin-bottom: 18px;\n }\n .sv-btn-wrap.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .sv-btn {\n display: inline-block;\n position: relative;\n background: var(--sv-brand-gradient);\n color: #fff;\n font-weight: 700;\n border-radius: var(--sv-radius-pill);\n text-decoration: none;\n font-size: 1.15rem;\n padding: 16px 28px;\n box-shadow: var(--sv-shadow-btn);\n cursor: pointer;\n border: none;\n overflow: hidden;\n isolation: isolate;\n transition: box-shadow 0.45s var(--sv-trans-smooth), transform 0.45s var(--sv-trans-bounce);\n letter-spacing: 0.2px;\n white-space: nowrap;\n }\n \/* Shine sweep *\/\n .sv-btn::after {\n content: '';\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n background: linear-gradient(105deg,\n transparent 30%,\n rgba(255, 255, 255, 0.18) 45%,\n rgba(255, 255, 255, 0.32) 50%,\n rgba(255, 255, 255, 0.18) 55%,\n transparent 70%);\n transform: translateX(-110%) skewX(-18deg);\n transition: transform 0.7s var(--sv-trans-smooth);\n }\n .sv-btn:hover::after {\n transform: translateX(110%) skewX(-18deg);\n }\n .sv-btn:hover {\n box-shadow: var(--sv-shadow-btn-hover);\n transform: translateY(-2px) scale(1.03);\n }\n .sv-btn:active {\n transform: translateY(1px) scale(0.98);\n box-shadow: 0 4px 16px rgba(253, 142, 3, 0.3);\n transition: transform 0.15s var(--sv-trans-smooth), box-shadow 0.15s var(--sv-trans-smooth);\n }\n .sv-btn:focus-visible {\n outline: 3px solid rgba(253, 142, 3, 0.5);\n outline-offset: 3px;\n }\n\n \/* ============ PAYMENT CARDS ROW (layer 2 - individual cards) ============ *\/\n .sv-payment-row {\n position: relative;\n z-index: 1;\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n align-items: stretch;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 0.7s var(--sv-trans-smooth) 0.3s, transform 0.7s var(--sv-trans-smooth) 0.3s;\n margin-bottom: 14px;\n }\n .sv-payment-row.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Individual payment card *\/\n .sv-pay-card {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--sv-pay-card-bg);\n border: 1px solid rgba(0, 0, 0, 0.06);\n border-radius: var(--sv-radius-pay-card);\n padding: 10px 16px;\n box-shadow: var(--sv-shadow-pay-card);\n transition: all 0.4s var(--sv-trans-smooth);\n cursor: default;\n white-space: nowrap;\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n }\n .sv-pay-card:hover {\n border-color: rgba(253, 142, 3, 0.22);\n box-shadow: var(--sv-shadow-pay-card-hover);\n transform: translateY(-3px);\n }\n \/* Checkmark circle *\/\n .sv-pay-check {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--sv-check-green);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-size: 0.7rem;\n color: #fff;\n font-weight: 700;\n line-height: 1;\n box-shadow: 0 2px 6px rgba(76, 175, 132, 0.3);\n transition: transform 0.35s var(--sv-trans-spring), box-shadow 0.35s ease;\n }\n .sv-pay-card:hover .sv-pay-check {\n transform: scale(1.15);\n box-shadow: 0 3px 10px rgba(76, 175, 132, 0.45);\n }\n \/* Payment icon *\/\n .sv-pay-icon {\n font-size: 1.15rem;\n line-height: 1;\n flex-shrink: 0;\n }\n \/* Payment label *\/\n .sv-pay-label {\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--sv-text-sub);\n letter-spacing: 0.2px;\n }\n\n \/* ============ GUARANTEE ============ *\/\n .sv-guarantee {\n position: relative;\n z-index: 1;\n font-size: 1.05rem;\n font-weight: 500;\n color: var(--sv-text-soft);\n letter-spacing: 0.3px;\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.7s var(--sv-trans-smooth) 0.38s, transform 0.7s var(--sv-trans-smooth) 0.38s;\n display: flex;\n align-items: center;\n gap: 6px;\n justify-content: center;\n }\n .sv-guarantee.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .sv-guarantee-icon {\n font-size: 1.2rem;\n flex-shrink: 0;\n animation: svShieldPulse 3s ease-in-out infinite;\n }\n @keyframes svShieldPulse {\n 0%,\n 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.18);\n }\n }\n\n \/* ============ DESKTOP OVERRIDES ============ *\/\n @media (min-width: 768px) {\n #slimifyvibe-final {\n padding: 64px 40px;\n }\n .sv-content-wrap {\n max-width: 720px;\n }\n .sv-content-card {\n padding: 44px 36px 36px;\n border-radius: 32px;\n }\n .sv-content-card::before {\n left: 30px;\n right: 30px;\n }\n .sv-title {\n font-size: 4.2rem;\n max-width: 680px;\n letter-spacing: -0.6px;\n margin-bottom: 12px;\n }\n .sv-desc {\n font-size: 1.7rem;\n max-width: 580px;\n margin-bottom: 28px;\n line-height: 1.4;\n }\n .sv-btn {\n font-size: 1.25rem;\n padding: 19px 36px;\n }\n .sv-btn-wrap {\n margin-bottom: 22px;\n }\n .sv-payment-row {\n gap: 13px;\n margin-bottom: 16px;\n }\n .sv-pay-card {\n padding: 11px 18px;\n gap: 10px;\n }\n .sv-pay-check {\n width: 22px;\n height: 22px;\n font-size: 0.75rem;\n }\n .sv-pay-icon {\n font-size: 1.25rem;\n }\n .sv-pay-label {\n font-size: 1.15rem;\n }\n .sv-guarantee {\n font-size: 1.15rem;\n }\n .sv-guarantee-icon {\n font-size: 1.3rem;\n }\n .sv-bg-orb--1 {\n width: 300px;\n height: 300px;\n top: -70px;\n right: -60px;\n }\n .sv-bg-orb--2 {\n width: 240px;\n height: 240px;\n bottom: -50px;\n left: -50px;\n }\n .sv-bg-orb--3 {\n width: 180px;\n height: 180px;\n }\n .sv-decor-ring--1 {\n width: 300px;\n height: 300px;\n top: 10%;\n }\n .sv-decor-ring--2 {\n width: 400px;\n height: 400px;\n top: 12%;\n }\n .sv-inner-glow {\n width: 340px;\n height: 110px;\n top: -40px;\n }\n }\n\n @media (min-width: 1024px) {\n .sv-content-wrap {\n max-width: 760px;\n }\n .sv-title {\n max-width: 760px;\n }\n .sv-desc {\n max-width: 620px;\n }\n .sv-btn {\n font-size: 1.3rem;\n padding: 20px 40px;\n }\n .sv-content-card {\n padding: 50px 44px 42px;\n }\n }\n\n \/* Reduced motion *\/\n @media (prefers-reduced-motion: reduce) {\n #slimifyvibe-final *,\n #slimifyvibe-final *::after,\n #slimifyvibe-final *::before {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \u003c\/style\u003e\n\n\n \u003c!-- SHOPIFY LIQUID CUSTOM MODULE – Slimifyvibe™ CTA --\u003e\n \u003cdiv id=\"slimifyvibe-final\"\u003e\n\n \u003c!-- ===== BACKGROUND DECORATIONS ===== --\u003e\n \u003cdiv class=\"sv-bg-orb sv-bg-orb--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-bg-orb sv-bg-orb--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-bg-orb sv-bg-orb--3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-dot-texture\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-decor-ring sv-decor-ring--1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-decor-ring sv-decor-ring--2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-particles-layer\" id=\"svParticlesLayer\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 3.54572px; height: 3.54572px; left: 55.6897%; top: 49.2222%; animation-duration: 12.6481s; animation-delay: 7.66614s; opacity: 0.224238;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.31955px; height: 5.31955px; left: 75.2813%; top: 83.7301%; animation-duration: 11.0099s; animation-delay: 3.55448s; opacity: 0.205036;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 6.52284px; height: 6.52284px; left: 73.6119%; top: 35.1539%; animation-duration: 14.2366s; animation-delay: 2.58483s; opacity: 0.101604;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 4.7577px; height: 4.7577px; left: 12.6127%; top: 50.5546%; animation-duration: 14.8181s; animation-delay: 6.79532s; opacity: 0.427615;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 6.85049px; height: 6.85049px; left: 63.2951%; top: 56.4432%; animation-duration: 16.4086s; animation-delay: 7.70269s; opacity: 0.249591;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 6.19402px; height: 6.19402px; left: 63.1464%; top: 30.8948%; animation-duration: 10.2742s; animation-delay: 8.34346s; opacity: 0.42637;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.50993px; height: 5.50993px; left: 26.7295%; top: 86.7472%; animation-duration: 11.0954s; animation-delay: 6.8643s; opacity: 0.183077;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 4.47858px; height: 4.47858px; left: 65.9299%; top: 68.9304%; animation-duration: 15.1285s; animation-delay: 1.46898s; opacity: 0.173716;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 3.32033px; height: 3.32033px; left: 65.6305%; top: 54.3415%; animation-duration: 11.0938s; animation-delay: 5.69525s; opacity: 0.353264;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.5686px; height: 5.5686px; left: 83.0426%; top: 38.1102%; animation-duration: 14.4453s; animation-delay: 5.9306s; opacity: 0.294069;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.07995px; height: 5.07995px; left: 42.5029%; top: 17.3763%; animation-duration: 14.3938s; animation-delay: 1.13977s; opacity: 0.39774;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 6.37606px; height: 6.37606px; left: 83.4437%; top: 70.9829%; animation-duration: 8.88255s; animation-delay: 1.63396s; opacity: 0.184402;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.32479px; height: 5.32479px; left: 63.3937%; top: 54.2447%; animation-duration: 11.5414s; animation-delay: 4.07131s; opacity: 0.355315;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-particle\" style=\"width: 5.98796px; height: 5.98796px; left: 31.509%; top: 48.4845%; animation-duration: 11.6407s; animation-delay: 7.20502s; opacity: 0.174059;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003c!-- ===== CONTENT WRAPPER ===== --\u003e\n \u003cdiv class=\"sv-content-wrap\"\u003e\n\n \u003c!-- ===== MAIN CONTENT CARD ===== --\u003e\n \u003cdiv class=\"sv-content-card\"\u003e\n \u003cdiv class=\"sv-inner-glow\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003ch2 class=\"sv-title visible\" id=\"svTitle\"\u003e\n Feel Calm. Feel Steady. \u003cspan class=\"sv-highlight\"\u003eFeel in Control.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sv-desc visible\" id=\"svDesc\"\u003e\n Join over \u003cstrong\u003e13,000 people\u003c\/strong\u003e who've chosen a drug-free path. Try it risk-free for 30 days.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sv-btn-wrap visible\" id=\"svBtnWrap\"\u003e\n \u003ca href=\"https:\/\/www.slimifyfit.com\/products\/slimifyvibe-balance-support-patch?variant=47072876626108\" class=\"sv-btn\"\u003e\n Add to Cart – Secure Checkout\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003c!-- ===== PAYMENT CARDS (layer 2) ===== --\u003e\n \u003cdiv class=\"sv-payment-row visible\" id=\"svPaymentRow\"\u003e\n \u003cdiv class=\"sv-pay-card\"\u003e\n \u003cspan class=\"sv-pay-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"sv-pay-icon\"\u003e💳\u003c\/span\u003e\n \u003cspan class=\"sv-pay-label\"\u003ePayPal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-pay-card\"\u003e\n \u003cspan class=\"sv-pay-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"sv-pay-icon\"\u003e🏦\u003c\/span\u003e\n \u003cspan class=\"sv-pay-label\"\u003eDebit \/ Credit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-pay-card\"\u003e\n \u003cspan class=\"sv-pay-check\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"sv-pay-icon\"\u003e🔐\u003c\/span\u003e\n \u003cspan class=\"sv-pay-label\"\u003eShopify Secure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ===== GUARANTEE ===== --\u003e\n \u003cp class=\"sv-guarantee visible\" id=\"svGuarantee\"\u003e\n \u003cspan class=\"sv-guarantee-icon\"\u003e🛡️\u003c\/span\u003e 30-Day Money-Back Guarantee\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n (function() {\n const module = document.getElementById('slimifyvibe-final');\n if (!module) return;\n\n \/\/ ============ FLOATING PARTICLES ============\n const particlesLayer = document.getElementById('svParticlesLayer');\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n if (particlesLayer \u0026\u0026 !prefersReducedMotion) {\n const particleCount = window.innerWidth \u003c 768 ? 8 : 14;\n for (let i = 0; i \u003c particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'sv-particle';\n const size = Math.random() * 4 + 3;\n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = (Math.random() * 85 + 5) + '%';\n particle.style.top = (Math.random() * 75 + 15) + '%';\n particle.style.animationDuration = (Math.random() * 9 + 8) + 's';\n particle.style.animationDelay = (Math.random() * 10) + 's';\n particle.style.opacity = (Math.random() * 0.35 + 0.1);\n particlesLayer.appendChild(particle);\n }\n }\n\n \/\/ ============ INTERSECTION OBSERVER – Entrance animations ============\n const titleEl = document.getElementById('svTitle');\n const descEl = document.getElementById('svDesc');\n const btnWrapEl = document.getElementById('svBtnWrap');\n const paymentRowEl = document.getElementById('svPaymentRow');\n const guaranteeEl = document.getElementById('svGuarantee');\n\n const animElements = [titleEl, descEl, btnWrapEl, paymentRowEl, guaranteeEl].filter(Boolean);\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n animElements.forEach(el =\u003e el.classList.add('visible'));\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.2,\n rootMargin: '0px 0px -20px 0px'\n });\n\n observer.observe(module);\n\n console.log('✅ Slimifyvibe™ CTA ready — Premium layered module');\n })();\n \u003c\/script\u003e\n\u003cstyle\u003e \u003c\/style\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_VwpdRy\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_VwpdRy-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_VwpdRy-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_VwpdRy-padding\"\u003e\n \u003c!-- ============================================================\n模块 · 侧边奢华促销栏 (Side Luxury Deal) — Slimifyvibe™ 专属\n暖橙金配色 · 脉冲光晕 · 图片悬浮 · 流光按钮 · 移动端适配\n按钮已更新为橘黄色主题色\n============================================================ --\u003e\n\u003cdiv class=\"sv-side-deal\" id=\"svSideDeal\" data-sv-initialized=\"true\"\u003e\n \u003cstyle\u003e\n \/* ============ 局部CSS变量 (与主模块协调) ============ *\/\n .sv-side-deal {\n --sv-brand: #fd8e03;\n --sv-brand-dark: #e67e00;\n --sv-brand-deep: #cc7000;\n --sv-brand-soft: rgba(253, 142, 3, 0.08);\n --sv-brand-glow: rgba(253, 142, 3, 0.35);\n --sv-gold: #c9a96e;\n --sv-gold-soft: rgba(201, 169, 110, 0.2);\n --sv-deep: #1E2A32;\n --sv-deep-soft: rgba(30, 42, 50, 0.06);\n --sv-warm-bg: #FDFBF7;\n --sv-white: #FFFFFF;\n --sv-text-mid: #5a6b73;\n --sv-text-sub: #7a8a94;\n --sv-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.05);\n --sv-shadow-md: 0 12px 36px rgba(0, 0, 0, 0.10);\n --sv-shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.14);\n --sv-shadow-brand: 0 8px 30px rgba(253, 142, 3, 0.25);\n --sv-radius-trigger: 20px;\n --sv-radius-panel: 24px;\n --sv-radius-sm: 14px;\n --sv-trans-smooth: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);\n --sv-trans-spring: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n --sv-trans-bounce: 0.45s cubic-bezier(0.25, 0.1, 0.15, 1.35);\n }\n\n .sv-side-deal {\n position: fixed;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 9998;\n font-family: 'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n isolation: isolate;\n }\n .sv-side-deal *,\n .sv-side-deal *::before,\n .sv-side-deal *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* ============ 触发按钮 ============ *\/\n .sv-side-deal-trigger {\n position: relative;\n isolation: isolate;\n width: 74px;\n min-height: 112px;\n border-radius: var(--sv-radius-trigger);\n background: rgba(253, 251, 247, 0.72);\n backdrop-filter: blur(28px);\n -webkit-backdrop-filter: blur(28px);\n border: 1.5px solid rgba(201, 169, 110, 0.35);\n box-shadow:\n 0 0 0 1px rgba(255, 255, 255, 0.55) inset,\n 0 0 0 0 rgba(253, 142, 3, 0.45),\n var(--sv-shadow-sm);\n cursor: pointer;\n padding: 10px 6px 12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: 2px;\n overflow: visible;\n transition: transform var(--sv-trans-spring), box-shadow var(--sv-trans-smooth), border-color var(--sv-trans-smooth);\n animation: svDealPulseRing 2.6s ease-in-out infinite;\n z-index: 1;\n }\n .sv-side-deal-trigger:hover {\n transform: scale(1.06);\n border-color: rgba(253, 142, 3, 0.55);\n box-shadow:\n 0 0 0 1px rgba(255, 255, 255, 0.7) inset,\n 0 0 30px 6px rgba(253, 142, 3, 0.2),\n var(--sv-shadow-md);\n animation: none;\n }\n @keyframes svDealPulseRing {\n 0%,\n 100% {\n box-shadow: 0 0 0 0 rgba(253, 142, 3, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.55) inset, 0 4px 16px rgba(0, 0, 0, 0.05);\n }\n 50% {\n box-shadow: 0 0 0 16px rgba(253, 142, 3, 0), 0 0 0 2px rgba(253, 142, 3, 0.25) inset, 0 8px 28px rgba(0, 0, 0, 0.09);\n }\n }\n \/* 光点漂浮装饰 *\/\n .sv-side-deal-trigger::before {\n content: '';\n position: absolute;\n top: -18%;\n right: -22%;\n width: 70px;\n height: 70px;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.18) 0%, rgba(201, 169, 110, 0.08) 35%, transparent 70%);\n border-radius: 50%;\n z-index: 0;\n pointer-events: none;\n animation: svDealOrbFloat 5.5s ease-in-out infinite alternate;\n }\n @keyframes svDealOrbFloat {\n 0% {\n transform: translate(0, 0) scale(1);\n opacity: 0.55;\n }\n 100% {\n transform: translate(-12px, 14px) scale(1.25);\n opacity: 0.85;\n }\n }\n .sv-side-deal-trigger\u003e* {\n position: relative;\n z-index: 2;\n }\n\n \/* 触发按钮内部元素 *\/\n .sv-side-deal-img {\n width: 46px;\n height: 46px;\n border-radius: 13px;\n overflow: hidden;\n background: #fff;\n border: 2px solid rgba(201, 169, 110, 0.45);\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n flex-shrink: 0;\n transition: border-color var(--sv-trans-smooth), box-shadow var(--sv-trans-smooth);\n }\n .sv-side-deal-trigger:hover .sv-side-deal-img {\n border-color: rgba(253, 142, 3, 0.55);\n box-shadow: 0 6px 18px rgba(253, 142, 3, 0.14);\n }\n .sv-side-deal-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .sv-side-deal-brand {\n font-size: 8px;\n font-weight: 800;\n color: var(--sv-deep);\n letter-spacing: 0.05em;\n white-space: nowrap;\n text-transform: uppercase;\n opacity: 0.75;\n line-height: 1;\n }\n .sv-side-deal-percent {\n font-size: 25px;\n font-weight: 800;\n color: var(--sv-brand-dark);\n line-height: 1;\n letter-spacing: -0.03em;\n animation: svDealPercentGlow 2.2s ease-in-out infinite;\n transition: color var(--sv-trans-smooth);\n }\n .sv-side-deal-trigger:hover .sv-side-deal-percent {\n color: var(--sv-brand-deep);\n animation: none;\n }\n @keyframes svDealPercentGlow {\n 0%,\n 100% {\n text-shadow: 0 0 8px rgba(253, 142, 3, 0.2);\n }\n 50% {\n text-shadow: 0 0 20px rgba(253, 142, 3, 0.45), 0 0 40px rgba(253, 142, 3, 0.12);\n }\n }\n .sv-side-deal-off {\n font-size: 10px;\n font-weight: 700;\n color: var(--sv-gold);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n line-height: 1;\n transition: color var(--sv-trans-smooth);\n }\n .sv-side-deal-trigger:hover .sv-side-deal-off {\n color: var(--sv-brand);\n }\n .sv-side-deal-tap {\n margin-top: 6px;\n padding: 5px 13px;\n border-radius: 20px;\n background: rgba(253, 142, 3, 0.1);\n border: 1px solid rgba(253, 142, 3, 0.22);\n color: var(--sv-brand-dark);\n font-size: 9px;\n font-weight: 800;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n transition: all var(--sv-trans-smooth);\n animation: svDealTapBounce 2s ease-in-out infinite;\n cursor: pointer;\n }\n @keyframes svDealTapBounce {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-3px);\n }\n }\n .sv-side-deal-trigger:hover .sv-side-deal-tap {\n background: rgba(253, 142, 3, 0.22);\n color: #fff;\n border-color: rgba(253, 142, 3, 0.5);\n box-shadow: 0 4px 14px rgba(253, 142, 3, 0.2);\n animation: none;\n }\n\n \/* ============ 展开面板 ============ *\/\n .sv-side-deal-panel {\n position: absolute;\n right: 90px;\n top: 50%;\n transform: translateY(-50%) translateX(18px);\n width: 290px;\n border-radius: var(--sv-radius-panel);\n background: rgba(255, 255, 255, 0.88);\n backdrop-filter: blur(34px);\n -webkit-backdrop-filter: blur(34px);\n border: 1.5px solid rgba(201, 169, 110, 0.25);\n box-shadow:\n var(--sv-shadow-lg),\n 0 0 0 1px rgba(255, 255, 255, 0.5) inset,\n 0 0 60px 8px rgba(253, 142, 3, 0.06);\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n overflow: hidden;\n transition: opacity 0.35s ease, transform 0.4s var(--sv-trans-spring), visibility 0.35s ease;\n z-index: 0;\n }\n .sv-side-deal.is-open .sv-side-deal-panel {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transform: translateY(-50%) translateX(0);\n }\n \/* 面板装饰光晕 *\/\n .sv-side-deal-panel::before {\n content: '';\n position: absolute;\n top: -40px;\n right: -40px;\n width: 140px;\n height: 140px;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.12) 0%, rgba(201, 169, 110, 0.06) 40%, transparent 70%);\n border-radius: 50%;\n z-index: 0;\n pointer-events: none;\n }\n .sv-side-deal-panel::after {\n content: '';\n position: absolute;\n bottom: -30px;\n left: -30px;\n width: 110px;\n height: 110px;\n background: radial-gradient(circle, rgba(201, 169, 110, 0.1) 0%, rgba(30, 42, 50, 0.03) 50%, transparent 70%);\n border-radius: 50%;\n z-index: 0;\n pointer-events: none;\n }\n \/* 微妙的点状纹理 *\/\n .sv-side-deal-panel-texture {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n opacity: 0.22;\n background-image: radial-gradient(circle, rgba(201, 169, 110, 0.35) 0.5px, transparent 0.5px);\n background-size: 14px 14px;\n mask-image: radial-gradient(ellipse 80% 70% at 55% 45%, black 25%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse 80% 70% at 55% 45%, black 25%, transparent 70%);\n border-radius: inherit;\n }\n\n \/* 面板头部 *\/\n .sv-side-deal-panel-head {\n position: relative;\n z-index: 2;\n padding: 16px 16px 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .sv-side-deal-kicker {\n padding: 6px 14px;\n border-radius: 20px;\n background: rgba(253, 142, 3, 0.09);\n border: 1px solid rgba(253, 142, 3, 0.2);\n color: var(--sv-brand-dark);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n display: flex;\n align-items: center;\n gap: 5px;\n animation: svDealKickerShimmer 3s ease-in-out infinite;\n }\n .sv-side-deal-kicker::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #4caf84;\n box-shadow: 0 0 6px rgba(76, 175, 132, 0.5);\n animation: svDealDotPulse 1.8s ease-in-out infinite;\n }\n @keyframes svDealDotPulse {\n 0%,\n 100% {\n box-shadow: 0 0 4px rgba(76, 175, 132, 0.4);\n }\n 50% {\n box-shadow: 0 0 12px rgba(76, 175, 132, 0.8);\n }\n }\n @keyframes svDealKickerShimmer {\n 0%,\n 100% {\n background: rgba(253, 142, 3, 0.09);\n }\n 50% {\n background: rgba(253, 142, 3, 0.16);\n }\n }\n .sv-side-deal-close {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n border: 1px solid rgba(30, 42, 50, 0.12);\n background: rgba(255, 255, 255, 0.65);\n color: var(--sv-deep);\n cursor: pointer;\n font-size: 16px;\n font-weight: 800;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all var(--sv-trans-smooth);\n flex-shrink: 0;\n line-height: 1;\n }\n .sv-side-deal-close:hover {\n background: rgba(253, 142, 3, 0.12);\n border-color: rgba(253, 142, 3, 0.3);\n transform: rotate(90deg);\n color: var(--sv-brand-dark);\n }\n\n \/* 产品大图 *\/\n .sv-side-deal-main-img {\n position: relative;\n z-index: 2;\n margin: 0 16px;\n border-radius: 16px;\n overflow: hidden;\n background: #fdfaf5;\n border: 1px solid rgba(201, 169, 110, 0.2);\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04), 0 0 0 4px rgba(253, 142, 3, 0.03);\n animation: svDealFloatImage 4.5s ease-in-out infinite;\n transition: box-shadow var(--sv-trans-smooth);\n }\n .sv-side-deal.is-open .sv-side-deal-main-img {\n animation-play-state: running;\n }\n @keyframes svDealFloatImage {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 30% {\n transform: translateY(-7px);\n }\n 60% {\n transform: translateY(-2px);\n }\n 85% {\n transform: translateY(-5px);\n }\n }\n .sv-side-deal-main-img img {\n width: 100%;\n aspect-ratio: 1\/1;\n object-fit: cover;\n display: block;\n transition: transform 0.6s var(--sv-trans-smooth);\n }\n .sv-side-deal-panel:hover .sv-side-deal-main-img img {\n transform: scale(1.04);\n }\n\n \/* 面板内容 *\/\n .sv-side-deal-content {\n position: relative;\n z-index: 2;\n padding: 14px 16px 16px;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 0.45s ease 0.18s, transform 0.45s var(--sv-trans-spring) 0.18s;\n }\n .sv-side-deal.is-open .sv-side-deal-content {\n opacity: 1;\n transform: translateY(0);\n }\n .sv-side-deal-title {\n font-family: 'Inter', sans-serif;\n font-weight: 800;\n font-size: 1.6rem;\n color: var(--sv-deep);\n line-height: 1.2;\n margin-bottom: 6px;\n letter-spacing: -0.3px;\n }\n .sv-side-deal-title .sv-highlight-num {\n color: var(--sv-brand);\n font-size: 1.75rem;\n position: relative;\n display: inline-block;\n }\n .sv-side-deal-title .sv-highlight-num::after {\n content: '';\n position: absolute;\n bottom: 2px;\n left: 0;\n right: 0;\n height: 5px;\n background: rgba(253, 142, 3, 0.18);\n border-radius: 2px;\n z-index: -1;\n }\n .sv-side-deal-desc {\n font-size: 1.3rem;\n\n font-weight: 700;\n color: var(--sv-text-mid);\n line-height: 1.6;\n margin-bottom: 14px;\n letter-spacing: 0.01em;\n }\n .sv-side-deal-desc .sv-icon-check {\n display: inline-block;\n color: var(--sv-brand);\n font-weight: 700;\n margin-right: 2px;\n }\n\n \/* ============ CTA 按钮 — 橘黄色主题 ============ *\/\n .sv-side-deal-btn {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n padding: 14px 0;\n border-radius: 30px;\n background: linear-gradient(140deg, #fd8e03 0%, #e67e00 40%, #cc7000 100%);\n border: 1.5px solid rgba(253, 142, 3, 0.5);\n color: #FFFFFF;\n font-size: 1.3rem;\n font-weight: 800;\n letter-spacing: 0.04em;\n text-decoration: none;\n box-shadow: 0 8px 24px rgba(253, 142, 3, 0.35), 0 0 0 0 rgba(253, 142, 3, 0.3);\n transition: all var(--sv-trans-smooth);\n cursor: pointer;\n font-family: 'Inter', sans-serif;\n }\n .sv-side-deal-btn::after {\n content: '';\n position: absolute;\n top: -25%;\n left: -60%;\n width: 35%;\n height: 150%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.15), transparent);\n transform: skewX(-22deg);\n animation: svDealBtnShine 3.8s ease-in-out infinite;\n pointer-events: none;\n z-index: 1;\n }\n @keyframes svDealBtnShine {\n 0% {\n left: -60%;\n }\n 40% {\n left: 130%;\n }\n 100% {\n left: 130%;\n }\n }\n .sv-side-deal-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 14px 36px rgba(253, 142, 3, 0.5), 0 0 0 10px rgba(253, 142, 3, 0.1), 0 0 40px 6px rgba(253, 142, 3, 0.18);\n background: linear-gradient(140deg, #ff9900 0%, #f08800 40%, #d97600 100%);\n border-color: rgba(253, 142, 3, 0.7);\n }\n .sv-side-deal-btn:active {\n transform: translateY(-1px) scale(0.98);\n transition: all 0.1s ease;\n }\n .sv-side-deal-btn-arrow {\n display: inline-block;\n transition: transform var(--sv-trans-smooth);\n font-size: 1.1rem;\n position: relative;\n z-index: 2;\n }\n .sv-side-deal-btn:hover .sv-side-deal-btn-arrow {\n transform: translateX(4px);\n }\n\n \/* 底部提示 *\/\n .sv-side-deal-note {\n margin-top: 10px;\n font-size: 1.15rem;\n font-weight: 500;\n color: var(--sv-text-sub);\n text-align: center;\n letter-spacing: 0.02em;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n }\n .sv-side-deal-note .sv-note-icon {\n font-size: 0.9rem;\n }\n\n \/* ============ 移动端适配 ============ *\/\n @media (max-width: 768px) {\n .sv-side-deal {\n right: 10px;\n }\n .sv-side-deal-trigger {\n width: 64px;\n min-height: 98px;\n border-radius: 17px;\n padding: 8px 5px 10px;\n }\n .sv-side-deal-img {\n width: 38px;\n height: 38px;\n border-radius: 11px;\n }\n .sv-side-deal-percent {\n font-size: 21px;\n }\n .sv-side-deal-tap {\n font-size: 8px;\n padding: 4px 10px;\n }\n .sv-side-deal-brand {\n font-size: 7px;\n }\n .sv-side-deal-off {\n font-size: 9px;\n }\n .sv-side-deal-panel {\n width: 255px;\n right: 76px;\n transform: translateY(-50%) translateX(14px);\n border-radius: 20px;\n }\n .sv-side-deal-title {\n font-size: 1.3rem;\n }\n .sv-side-deal-title .sv-highlight-num {\n font-size: 1.5rem;\n }\n .sv-side-deal-desc {\n font-size: 0.74rem;\n }\n .sv-side-deal-btn {\n font-size: 0.82rem;\n padding: 12px 0;\n }\n .sv-side-deal-kicker {\n font-size: 9px;\n padding: 5px 10px;\n }\n .sv-side-deal-panel-head {\n padding: 12px 12px 8px;\n }\n .sv-side-deal-main-img {\n margin: 0 12px;\n border-radius: 14px;\n }\n .sv-side-deal-content {\n padding: 12px 12px 14px;\n }\n .sv-side-deal-close {\n width: 26px;\n height: 26px;\n font-size: 14px;\n }\n }\n @media (max-width: 400px) {\n .sv-side-deal {\n right: 6px;\n }\n .sv-side-deal-trigger {\n width: 54px;\n min-height: 84px;\n border-radius: 14px;\n padding: 6px 4px 8px;\n }\n .sv-side-deal-img {\n width: 32px;\n height: 32px;\n border-radius: 9px;\n }\n .sv-side-deal-percent {\n font-size: 18px;\n }\n .sv-side-deal-panel {\n width: 210px;\n right: 64px;\n transform: translateY(-50%) translateX(10px);\n border-radius: 18px;\n }\n .sv-side-deal-title {\n font-size: 1.25rem;\n }\n .sv-side-deal-title .sv-highlight-num {\n font-size: 1.3rem;\n }\n .sv-side-deal-desc {\n font-size: 1.05rem;\n margin-bottom: 10px;\n }\n .sv-side-deal-btn {\n font-size: 0.95rem;\n padding: 11px 0;\n border-radius: 26px;\n }\n .sv-side-deal-kicker {\n font-size: 8px;\n }\n .sv-side-deal-note {\n font-size: 0.95rem;\n}\n }\n \u003c\/style\u003e\n\n \u003c!-- 触发按钮 --\u003e\n \u003cbutton class=\"sv-side-deal-trigger\" type=\"button\" id=\"svSideDealTrigger\" aria-label=\"Slimifyfit 63% off — Tap to view\" aria-expanded=\"false\" aria-controls=\"svSideDealPanel\"\u003e\n \u003cdiv class=\"sv-side-deal-img\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__15_16_53.png?v=1783419614\" alt=\"Slimifyvibe Patch\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-side-deal-brand\"\u003eSlimifyfit\u003c\/div\u003e\n \u003cdiv class=\"sv-side-deal-percent\"\u003e63%\u003c\/div\u003e\n \u003cdiv class=\"sv-side-deal-off\"\u003eOFF\u003c\/div\u003e\n \u003cdiv class=\"sv-side-deal-tap\"\u003eTap\u003c\/div\u003e\n \u003c\/button\u003e\n\n \u003c!-- 展开面板 --\u003e\n \u003cdiv class=\"sv-side-deal-panel\" id=\"svSideDealPanel\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"sv-side-deal-panel-texture\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-side-deal-panel-head\"\u003e\n \u003cspan class=\"sv-side-deal-kicker\"\u003eLimited Offer\u003c\/span\u003e\n \u003cbutton class=\"sv-side-deal-close\" type=\"button\" id=\"svSideDealClose\" aria-label=\"Close panel\"\u003e×\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-side-deal-main-img\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__15_16_53.png?v=1783419614\" alt=\"Slimifyvibe™ Dermal Patch\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-side-deal-content\"\u003e\n \u003ch3 class=\"sv-side-deal-title\"\u003e\n \u003cspan class=\"sv-highlight-num\"\u003e63% OFF\u003c\/span\u003e Slimifyfit™ Patch\n \u003c\/h3\u003e\n \u003cp class=\"sv-side-deal-desc\"\u003e\n \u003cspan class=\"sv-icon-check\"\u003e✓\u003c\/span\u003e External dermal patch — no pills, no stimulants\u003cbr\u003e\n \u003cspan class=\"sv-icon-check\"\u003e✓\u003c\/span\u003e Medical‑grade adhesive, 12‑hour steady support\u003cbr\u003e\n \u003cspan class=\"sv-icon-check\"\u003e✓\u003c\/span\u003e Noticeable within 30–60 minutes\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.slimifyfit.com\/products\/slimifyvibe-balance-support-patch?variant=47072876626108\" class=\"sv-side-deal-btn\"\u003e\n Claim Your Discount \u003cspan class=\"sv-side-deal-btn-arrow\"\u003e→\u003c\/span\u003e\n \u003c\/a\u003e\n \u003cdiv class=\"sv-side-deal-note\"\u003e\n \u003cspan class=\"sv-note-icon\"\u003e🛡️\u003c\/span\u003e 30‑Day Guarantee · Risk‑free trial\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n (function() {\n var root = document.getElementById('svSideDeal');\n var trigger = document.getElementById('svSideDealTrigger');\n var closeBtn = document.getElementById('svSideDealClose');\n var panel = document.getElementById('svSideDealPanel');\n var productUrl = 'https:\/\/www.slimifyvibe.com\/products\/slimifyvibe-balance-support-patch';\n\n if (!root || root.getAttribute('data-sv-initialized')) return;\n root.setAttribute('data-sv-initialized', 'true');\n\n function openPanel() {\n root.classList.add('is-open');\n trigger.setAttribute('aria-expanded', 'true');\n panel.setAttribute('aria-hidden', 'false');\n }\n\n function closePanel() {\n root.classList.remove('is-open');\n trigger.setAttribute('aria-expanded', 'false');\n panel.setAttribute('aria-hidden', 'true');\n }\n\n trigger.addEventListener('click', function(e) {\n e.stopPropagation();\n if (root.classList.contains('is-open')) {\n window.location.href = productUrl;\n } else {\n openPanel();\n }\n });\n\n closeBtn.addEventListener('click', function(e) {\n e.stopPropagation();\n closePanel();\n });\n\n document.addEventListener('click', function(e) {\n if (!root.contains(e.target)) closePanel();\n });\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape' \u0026\u0026 root.classList.contains('is-open')) {\n closePanel();\n trigger.focus();\n }\n });\n\n console.log('✅ Slimifyvibe™ Side Deal — warm amber-orange CTA ready');\n })();\n\u003c\/script\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\u003csection id=\"shopify-section-template--21655912054972__custom_liquid_HiEXDN\" class=\"shopify-section section\"\u003e\u003cstyle data-shopify=\"\"\u003e.section-template--21655912054972__custom_liquid_HiEXDN-padding {\n padding-top: calc(0px * 0.75);\n padding-bottom: calc(0px * 0.75);\n }\n\n @media screen and (min-width: 750px) {\n .section-template--21655912054972__custom_liquid_HiEXDN-padding {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n }\u003c\/style\u003e\n\u003cdiv class=\"color-background-1 gradient content-for-grouping always-display\"\u003e\n \n \u003cdiv class=\"section-template--21655912054972__custom_liquid_HiEXDN-padding\"\u003e\n \u003c!-- ============================================================\n模块 · 奢华底部固定栏 (Luxury Bottom Bar) — Slimifyvibe™ 专属\n暖橙金配色 · 磨砂玻璃 · 倒计时脉冲 · 流光CTA · 移动端适配\n============================================================ --\u003e\n\u003cdiv class=\"sv-bottom-bar-wrapper\"\u003e\n \u003cstyle\u003e\n \/* ============ 局部CSS变量 ============ *\/\n .sv-bottom-bar-wrapper {\n --sv-brand: #fd8e03;\n --sv-brand-dark: #e67e00;\n --sv-brand-deep: #cc7000;\n --sv-brand-soft: rgba(253, 142, 3, 0.08);\n --sv-brand-glow: rgba(253, 142, 3, 0.35);\n --sv-gold: #c9a96e;\n --sv-gold-soft: rgba(201, 169, 110, 0.2);\n --sv-deep: #1E2A32;\n --sv-warm-bg: #FDFBF7;\n --sv-white: #FFFFFF;\n --sv-text-mid: #5a6b73;\n --sv-text-sub: #7a8a94;\n --sv-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.05);\n --sv-shadow-md: 0 12px 36px rgba(0, 0, 0, 0.10);\n --sv-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.14);\n --sv-shadow-brand: 0 8px 30px rgba(253, 142, 3, 0.25);\n --sv-trans-smooth: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);\n --sv-trans-spring: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n --sv-trans-bounce: 0.45s cubic-bezier(0.25, 0.1, 0.15, 1.35);\n }\n\n .sv-bottom-bar-wrapper {\n font-family: 'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: fixed;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9999;\n width: calc(100% - 48px);\n max-width: 720px;\n }\n\n \/* ============ 底部栏主体 ============ *\/\n .sv-luxury-bar {\n position: relative;\n isolation: isolate;\n width: 100%;\n background: rgba(253, 251, 247, 0.78);\n backdrop-filter: blur(38px);\n -webkit-backdrop-filter: blur(38px);\n border-radius: 60px;\n padding: 10px 18px 10px 12px;\n box-shadow:\n 0 24px 60px rgba(0, 0, 0, 0.08),\n 0 0 0 1px rgba(201, 169, 110, 0.25),\n 0 0 60px rgba(253, 142, 3, 0.06),\n inset 0 1px 0 rgba(255, 255, 255, 0.55);\n border: 1.5px solid rgba(201, 169, 110, 0.3);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n animation: svBarSlideUp 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n transition: all 0.4s var(--sv-trans-smooth);\n overflow: hidden;\n }\n .sv-luxury-bar:hover {\n box-shadow:\n 0 28px 72px rgba(0, 0, 0, 0.12),\n 0 0 0 1px rgba(253, 142, 3, 0.3),\n 0 0 80px rgba(253, 142, 3, 0.1);\n transform: translateY(-4px);\n border-color: rgba(253, 142, 3, 0.35);\n }\n @keyframes svBarSlideUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n filter: blur(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n filter: blur(0);\n }\n }\n\n \/* 内部流动光效 *\/\n .sv-luxury-bar::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 35% 50%, rgba(253, 142, 3, 0.06) 0%, rgba(201, 169, 110, 0.03) 35%, transparent 60%);\n animation: svBarLightFlow 8s linear infinite;\n pointer-events: none;\n z-index: 0;\n }\n @keyframes svBarLightFlow {\n 0% {\n transform: translate(0, 0);\n }\n 50% {\n transform: translate(4%, 2%);\n }\n 100% {\n transform: translate(0, 0);\n }\n }\n .sv-luxury-bar\u003e* {\n position: relative;\n z-index: 2;\n }\n\n \/* ============ 产品缩略图 ============ *\/\n .sv-bar-left {\n flex-shrink: 0;\n }\n .sv-product-thumb {\n position: relative;\n width: 46px;\n height: 46px;\n border-radius: 50%;\n cursor: pointer;\n transition: transform var(--sv-trans-spring);\n }\n .sv-product-thumb:hover {\n transform: scale(1.08);\n }\n .sv-product-thumb-inner {\n width: 46px;\n height: 46px;\n border-radius: 50%;\n overflow: hidden;\n border: 2px solid rgba(253, 142, 3, 0.55);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 0 0 6px rgba(253, 142, 3, 0.06);\n background: #fff;\n position: relative;\n z-index: 2;\n }\n .sv-product-thumb-inner img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .sv-product-thumb::after {\n content: '';\n position: absolute;\n inset: -7px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(253, 142, 3, 0.22) 0%, transparent 70%);\n z-index: 1;\n animation: svThumbGlow 3.5s ease-in-out infinite;\n pointer-events: none;\n }\n @keyframes svThumbGlow {\n 0%,\n 100% {\n opacity: 0.4;\n transform: scale(1);\n }\n 50% {\n opacity: 0.75;\n transform: scale(1.08);\n }\n }\n\n \/* ============ 中间区域 ============ *\/\n .sv-bar-center {\n display: flex;\n align-items: center;\n gap: 10px;\n flex-shrink: 1;\n min-width: 0;\n }\n\n \/* 评分胶囊 *\/\n .sv-rating-pill {\n display: flex;\n align-items: center;\n gap: 5px;\n padding: 6px 12px;\n background: rgba(253, 142, 3, 0.07);\n border: 1px solid rgba(253, 142, 3, 0.2);\n border-radius: 20px;\n color: var(--sv-deep);\n font-size: 1.2rem;\n font-weight: 600;\n letter-spacing: 0.03em;\n white-space: nowrap;\n flex-shrink: 0;\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n }\n .sv-rating-stars {\n font-size: 1.2rem;\n letter-spacing: 1.5px;\n color: #f5a623;\n }\n\n \/* 倒计时区域 *\/\n .sv-countdown-area {\n display: flex;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n }\n\n \/* 折扣徽章 *\/\n .sv-discount-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 5px 12px;\n background: rgba(253, 142, 3, 0.08);\n border: 1.5px solid rgba(253, 142, 3, 0.35);\n border-radius: 14px;\n color: var(--sv-deep);\n flex-shrink: 0;\n animation: svDiscountGlow 2.8s ease-in-out infinite;\n line-height: 1.1;\n gap: 2px;\n transition: transform 0.3s ease;\n }\n .sv-discount-badge:hover {\n transform: scale(1.03);\n }\n .sv-discount-badge .sv-discount-percent {\n font-size: 1.2rem;\n font-weight: 800;\n letter-spacing: 0.02em;\n color: var(--sv-brand-dark);\n }\n .sv-discount-badge .sv-discount-off {\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--sv-brand);\n }\n @keyframes svDiscountGlow {\n 0%,\n 100% {\n box-shadow: 0 0 8px rgba(253, 142, 3, 0.15), 0 0 14px rgba(253, 142, 3, 0.08);\n border-color: rgba(253, 142, 3, 0.35);\n }\n 50% {\n box-shadow: 0 0 20px rgba(253, 142, 3, 0.3), 0 0 32px rgba(253, 142, 3, 0.14);\n border-color: rgba(253, 142, 3, 0.6);\n }\n }\n\n \/* ENDS IN 标签 *\/\n .sv-ends-in-label {\n display: flex;\n flex-direction: column;\n align-items: center;\n line-height: 1.1;\n flex-shrink: 0;\n }\n .sv-ends-in-label .sv-ends-text {\n font-size: 0.85rem;\n font-weight: 700;\n color: rgba(30, 42, 50, 0.55);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n .sv-ends-in-label .sv-in-text {\n font-size: 0.65rem;\n font-weight: 600;\n color: rgba(30, 42, 50, 0.4);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n \/* 数字倒计时 *\/\n .sv-countdown-digits {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n .sv-time-block {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n .sv-time-digit {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 38px;\n background: rgba(255, 255, 255, 0.55);\n border: 1px solid rgba(253, 142, 3, 0.3);\n border-radius: 8px;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--sv-deep);\n font-variant-numeric: tabular-nums;\n line-height: 1;\n text-shadow: 0 1px 6px rgba(253, 142, 3, 0.12);\n transition: transform 0.15s ease, color 0.15s ease;\n }\n .sv-time-digit.pulse {\n animation: svDigitPulse 0.35s ease;\n }\n @keyframes svDigitPulse {\n 0% {\n transform: scale(1);\n color: var(--sv-deep);\n }\n 40% {\n transform: scale(1.15);\n color: var(--sv-brand);\n }\n 100% {\n transform: scale(1);\n color: var(--sv-deep);\n }\n }\n .sv-time-colon {\n font-size: 1.3rem;\n font-weight: 700;\n color: rgba(253, 142, 3, 0.5);\n padding: 0 2px;\n animation: svColonBlink 1s step-end infinite;\n line-height: 1;\n }\n @keyframes svColonBlink {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.3;\n }\n }\n\n \/* ============ CTA 按钮 — 橘黄色主题 ============ *\/\n .sv-cta-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 12px 22px;\n background: linear-gradient(140deg, #fd8e03 0%, #e67e00 40%, #cc7000 100%);\n color: #FFFFFF;\n font-size: 1.15rem;\n font-weight: 700;\n letter-spacing: 0.04em;\n border-radius: 30px;\n text-decoration: none;\n white-space: nowrap;\n box-shadow: 0 6px 24px rgba(253, 142, 3, 0.35), 0 0 0 3px rgba(253, 142, 3, 0.08);\n transition: all var(--sv-trans-smooth);\n position: relative;\n overflow: hidden;\n flex-shrink: 0;\n cursor: pointer;\n border: none;\n z-index: 1;\n font-family: 'Inter', sans-serif;\n }\n .sv-cta-btn::after {\n content: '';\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg,\n transparent 0%,\n rgba(255, 255, 255, 0.12) 20%,\n rgba(255, 255, 255, 0.28) 50%,\n rgba(255, 255, 255, 0.12) 80%,\n transparent 100%);\n transform: skewX(-25deg);\n z-index: 2;\n animation: svCtaShine 3.2s ease-in-out infinite;\n pointer-events: none;\n }\n @keyframes svCtaShine {\n 0% {\n left: -150%;\n }\n 60% {\n left: 150%;\n }\n 100% {\n left: 150%;\n }\n }\n .sv-cta-btn:hover {\n background: linear-gradient(140deg, #ff9900 0%, #f08800 40%, #d97600 100%);\n box-shadow: 0 10px 32px rgba(253, 142, 3, 0.45), 0 0 0 8px rgba(253, 142, 3, 0.06);\n transform: scale(1.06) translateY(-2px);\n }\n .sv-cta-btn:active {\n transform: scale(0.96);\n transition: all 0.1s ease;\n }\n .sv-cta-arrow {\n display: inline-block;\n transition: transform 0.3s;\n }\n .sv-cta-btn:hover .sv-cta-arrow {\n transform: translateX(4px);\n }\n\n \/* ============ 移动端适配 ============ *\/\n @media (max-width: 768px) {\n .sv-bottom-bar-wrapper {\n bottom: 18px;\n width: calc(100% - 20px);\n max-width: 100%;\n }\n .sv-luxury-bar {\n padding: 8px 12px 8px 8px;\n gap: 8px;\n border-radius: 48px;\n }\n .sv-product-thumb,\n .sv-product-thumb-inner {\n width: 36px;\n height: 36px;\n }\n .sv-product-thumb::after {\n inset: -5px;\n }\n .sv-bar-center {\n gap: 6px;\n }\n .sv-rating-pill {\n padding: 4px 8px;\n font-size: 0.7rem;\n }\n .sv-rating-stars {\n font-size: 0.8rem;\n }\n .sv-countdown-area {\n gap: 4px;\n }\n .sv-discount-badge {\n padding: 4px 8px;\n border-radius: 10px;\n }\n .sv-discount-badge .sv-discount-percent {\n font-size: 0.9rem;\n }\n .sv-discount-badge .sv-discount-off {\n font-size: 0.5rem;\n }\n .sv-time-digit {\n width: 22px;\n height: 30px;\n font-size: 1.2rem;\n border-radius: 5px;\n }\n .sv-time-colon {\n font-size: 1rem;\n }\n .sv-cta-btn {\n padding: 9px 15px;\n font-size: 0.9rem;\n border-radius: 24px;\n }\n }\n @media (max-width: 480px) {\n .sv-bottom-bar-wrapper {\n bottom: 12px;\n width: calc(100% - 10px);\n }\n .sv-luxury-bar {\n padding: 6px 8px 6px 6px;\n gap: 4px;\n border-radius: 36px;\n }\n .sv-product-thumb,\n .sv-product-thumb-inner {\n width: 28px;\n height: 28px;\n }\n .sv-product-thumb-inner {\n border-width: 1.5px;\n }\n .sv-rating-pill {\n display: none;\n }\n .sv-countdown-area {\n gap: 2px;\n }\n .sv-discount-badge {\n padding: 3px 6px;\n border-radius: 8px;\n }\n .sv-discount-badge .sv-discount-percent {\n font-size: 0.95rem;\n }\n .sv-discount-badge .sv-discount-off {\n font-size: 0.72rem;\n }\n .sv-ends-in-label .sv-ends-text {\n font-size: 0.82rem;\n }\n .sv-ends-in-label .sv-in-text {\n font-size: 0.65rem;\n }\n .sv-time-digit {\n width: 16px;\n height: 22px;\n font-size: 1.05rem;\n border-radius: 4px;\n }\n .sv-time-colon {\n font-size: 1.5rem;\n }\n .sv-cta-btn {\n padding: 6px 10px;\n font-size: 0.75rem;\n border-radius: 18px;\n }\n }\n @media (max-width: 370px) {\n .sv-product-thumb {\n display: none;\n }\n .sv-luxury-bar {\n padding-left: 8px;\n }\n .sv-time-digit {\n width: 14px;\n height: 20px;\n font-size: 0.8rem;\n }\n .sv-discount-badge .sv-discount-percent {\n font-size: 0.6rem;\n }\n .sv-cta-btn {\n padding: 5px 8px;\n font-size: 0.65rem;\n }\n }\n \u003c\/style\u003e\n\n \u003c!-- ========== HTML 结构 ========== --\u003e\n \u003cdiv class=\"sv-luxury-bar\"\u003e\n \u003c!-- 产品缩略图 --\u003e\n \u003cdiv class=\"sv-bar-left\"\u003e\n \u003cdiv class=\"sv-product-thumb\" title=\"Slimifyvibe™ Dermal Patch\"\u003e\n \u003cdiv class=\"sv-product-thumb-inner\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/4727\/4135\/files\/ChatGPT_Image_2026_7_7__14_26_52.png?v=1783407186\" alt=\"Slimifyvibe™ Patch\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 中间区域 --\u003e\n \u003cdiv class=\"sv-bar-center\"\u003e\n \u003cdiv class=\"sv-rating-pill\"\u003e\n \u003cspan class=\"sv-rating-stars\"\u003e★★★★★\u003c\/span\u003e\n \u003cspan\u003e4.9\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-countdown-area\"\u003e\n \u003cdiv class=\"sv-discount-badge\"\u003e\n \u003cspan class=\"sv-discount-percent\"\u003e63%\u003c\/span\u003e\n \u003cspan class=\"sv-discount-off\"\u003eOFF\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-ends-in-label\"\u003e\n \u003cspan class=\"sv-ends-text\"\u003eENDS\u003c\/span\u003e\n \u003cspan class=\"sv-in-text\"\u003eIN\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-countdown-digits\"\u003e\n \u003cdiv class=\"sv-time-block\"\u003e\n \u003cspan class=\"sv-time-digit\" id=\"svDigitH1\"\u003e0\u003c\/span\u003e\n \u003cspan class=\"sv-time-digit\" id=\"svDigitH2\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-time-colon\"\u003e:\u003c\/span\u003e\n \u003cdiv class=\"sv-time-block\"\u003e\n \u003cspan class=\"sv-time-digit\" id=\"svDigitM1\"\u003e5\u003c\/span\u003e\n \u003cspan class=\"sv-time-digit pulse\" id=\"svDigitM2\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-time-colon\"\u003e:\u003c\/span\u003e\n \u003cdiv class=\"sv-time-block\"\u003e\n \u003cspan class=\"sv-time-digit pulse\" id=\"svDigitS1\"\u003e1\u003c\/span\u003e\n \u003cspan class=\"sv-time-digit pulse\" id=\"svDigitS2\"\u003e0\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA 按钮 --\u003e\n \u003ca href=\"https:\/\/www.slimifyfit.com\/products\/slimifyvibe-balance-support-patch?variant=47072876626108\" class=\"sv-cta-btn\"\u003e\n Claim Offer\n \u003cspan class=\"sv-cta-arrow\"\u003e→\u003c\/span\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n (() =\u003e {\n const COUNTDOWN_DURATION = 5 * 60 * 60 * 1000; \/\/ 5小时\n const STORAGE_KEY = 'slimifyvibe_warm_countdown_end';\n let endTime = localStorage.getItem(STORAGE_KEY);\n const now = Date.now();\n\n if (!endTime || now \u003e parseInt(endTime) || (parseInt(endTime) - now \u003e COUNTDOWN_DURATION + 10000)) {\n endTime = now + COUNTDOWN_DURATION;\n localStorage.setItem(STORAGE_KEY, endTime);\n } else {\n endTime = parseInt(endTime);\n }\n\n const digitIds = ['svDigitH1', 'svDigitH2', 'svDigitM1', 'svDigitM2', 'svDigitS1', 'svDigitS2'];\n const prevDigits = {};\n digitIds.forEach(id =\u003e { prevDigits[id] = null; });\n\n const padTwo = (n) =\u003e String(n).padStart(2, '0');\n const getRemainingTimeStr = () =\u003e {\n const remaining = endTime - Date.now();\n if (remaining \u003c= 0) return '00:00:00';\n const totalSec = Math.floor(remaining \/ 1000);\n const h = Math.floor(totalSec \/ 3600);\n const m = Math.floor((totalSec % 3600) \/ 60);\n const s = totalSec % 60;\n return `${padTwo(h)}:${padTwo(m)}:${padTwo(s)}`;\n };\n\n const triggerPulse = (id) =\u003e {\n const el = document.getElementById(id);\n if (!el) return;\n el.classList.remove('pulse');\n void el.offsetWidth;\n el.classList.add('pulse');\n };\n\n const updateDisplay = (timeStr) =\u003e {\n const parts = timeStr.split(':');\n if (parts.length !== 3) return;\n const digits = [parts[0][0], parts[0][1], parts[1][0], parts[1][1], parts[2][0], parts[2][1]];\n digitIds.forEach((id, i) =\u003e {\n const newDigit = digits[i];\n const el = document.getElementById(id);\n if (!el) return;\n if (prevDigits[id] !== null \u0026\u0026 prevDigits[id] !== newDigit) {\n el.textContent = newDigit;\n triggerPulse(id);\n } else if (prevDigits[id] === null) {\n el.textContent = newDigit;\n }\n prevDigits[id] = newDigit;\n });\n };\n\n const initStr = getRemainingTimeStr();\n updateDisplay(initStr);\n setInterval(() =\u003e updateDisplay(getRemainingTimeStr()), 1000);\n\n console.log('✅ Slimifyvibe™ Luxury Bottom Bar — warm amber-gold theme ready');\n })();\n\u003c\/script\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\n \u003c\/main\u003e","brand":"Slimifyvibe","offers":[{"title":"Default Title","offer_id":54153522151737,"sku":null,"price":25.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0773\/2147\/0265\/files\/ChatGPT_Image_2026_7_7__14_14_10_f21e18d8-c5c7-4613-860e-33fbe0bc6543.png?v=1784292696","url":"https:\/\/www.peapetal.com\/products\/nuro-synk-balance-support-patch","provider":"Peapetal","version":"1.0","type":"link"}