{"product_id":"serumdrop-multi-nozzle-scalp-treatment-tool","title":"SerumDrop – Multi-Nozzle Scalp Treatment Tool","description":"\u003c!-- SerumDrop Multi-Nozzle Scalp Treatment Tool | Shopify Responsive Section --\u003e\n\u003csection class=\"serumdrop-section\"\u003e\n  \u003cdiv class=\"serumdrop-glow serumdrop-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"serumdrop-glow serumdrop-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"serumdrop-premium\"\u003e\n\n    \u003cdiv class=\"serumdrop-content\"\u003e\n\n      \u003cdiv class=\"serumdrop-badge\"\u003e\n        \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        Precision Scalp Care\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"serumdrop-title\"\u003e\n        Nourish Your Scalp.\n        \u003cspan\u003eTransform Your Hair.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"serumdrop-intro\"\u003e\n        The \u003cstrong\u003eSerumDrop Multi-Nozzle Scalp Treatment Tool\u003c\/strong\u003e takes\n        the guesswork out of scalp care. Its precision multi-tip design\n        delivers your favourite serum or oil directly to the scalp — exactly\n        where it needs to go — for deeper nourishment, healthier roots, and\n        visibly stronger hair over time.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"serumdrop-statement\"\u003e\n        \u003cspan\u003eNo mess.\u003c\/span\u003e\n        \u003cspan\u003eNo waste.\u003c\/span\u003e\n        \u003cspan\u003eJust results.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"serumdrop-benefits\"\u003e\n\n        \u003carticle class=\"serumdrop-card\"\u003e\n          \u003cdiv class=\"serumdrop-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M12 2C9.2 6.1 5.8 9.1 5.8 13.1a6.2 6.2 0 0 0 12.4 0C18.2 9.1 14.8 6.1 12 2Z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9.4 14.3c.3 1.5 1.3 2.3 2.8 2.6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"serumdrop-card-copy\"\u003e\n            \u003ch3\u003eTargeted Scalp Nourishment\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Serum reaches the root, not just the surface.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"serumdrop-card\"\u003e\n          \u003cdiv class=\"serumdrop-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M5 19c6.8-.3 11.2-4.7 14-14 0 7.8-3.4 13-10.2 14.3\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M6 14c2.2-.2 4-.9 5.5-2.2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"serumdrop-card-copy\"\u003e\n            \u003ch3\u003eHealthier, Stronger Hair\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Consistent application supports growth and reduces breakage.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"serumdrop-card\"\u003e\n          \u003cdiv class=\"serumdrop-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M8 3h8\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 3v3l-2 3v9a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3V9l-2-3V3\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9.5 12h5\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9.5 15h3.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"serumdrop-card-copy\"\u003e\n            \u003ch3\u003eMeasured Reservoir\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Know exactly how much product you are using every time.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"serumdrop-card\"\u003e\n          \u003cdiv class=\"serumdrop-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M12 21s7-3.8 7-10V5l-7-3-7 3v6c0 6.2 7 10 7 10Z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m9 12 2 2 4-5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"serumdrop-card-copy\"\u003e\n            \u003ch3\u003eMade for Every Hair Type\u003c\/h3\u003e\n\n            \u003cp\u003e\n              A simple, effective ritual for every scalp-care routine.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"serumdrop-card serumdrop-card-wide\"\u003e\n          \u003cdiv class=\"serumdrop-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M6 7h12\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 3h8v4H8z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M7 7v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M10 11h4\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M10 15h4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"serumdrop-card-copy\"\u003e\n            \u003ch3\u003eEasy to Fill. Effortless to Use.\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Precision application without drips, spills or wasted product.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"serumdrop-footer\"\u003e\n        \u003cspan\u003eYour scalp routine, elevated.\u003c\/span\u003e\n\n        \u003cdiv class=\"serumdrop-line\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .serumdrop-section {\n    --sd-ink: #26232f;\n    --sd-muted: #6f6978;\n    --sd-purple: #73609a;\n    --sd-purple-dark: #4f406d;\n    --sd-lilac: #dcd2eb;\n    --sd-cream: #f8f5f1;\n    --sd-white: rgba(255, 255, 255, 0.72);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    padding:\n      clamp(58px, 7vw, 90px)\n      clamp(14px, 3vw, 26px);\n\n    background:\n      radial-gradient(\n        circle at 12% 10%,\n        rgba(220, 210, 235, 0.54),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 90% 88%,\n        rgba(115, 96, 154, 0.12),\n        transparent 31%\n      ),\n      linear-gradient(\n        145deg,\n        #fdfcfb 0%,\n        #f5f0f8 50%,\n        #f9f6f1 100%\n      );\n\n    color: var(--sd-ink);\n\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n\n    container-type: inline-size;\n    container-name: serumDrop;\n  }\n\n  .serumdrop-section,\n  .serumdrop-section *,\n  .serumdrop-section *::before,\n  .serumdrop-section *::after {\n    box-sizing: border-box;\n  }\n\n  .serumdrop-section h2,\n  .serumdrop-section h3,\n  .serumdrop-section p {\n    padding: 0;\n  }\n\n  .serumdrop-section h2,\n  .serumdrop-section h3,\n  .serumdrop-section p,\n  .serumdrop-section span,\n  .serumdrop-section div,\n  .serumdrop-section article,\n  .serumdrop-section svg {\n    min-width: 0;\n    max-width: 100%;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .serumdrop-premium {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1100px;\n    min-width: 0;\n\n    margin: 0 auto;\n\n    padding:\n      clamp(38px, 6vw, 82px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(115, 96, 154, 0.15);\n    border-radius: 30px;\n\n    background:\n      radial-gradient(\n        circle at 12% 10%,\n        rgba(220, 210, 235, 0.82),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 90% 88%,\n        rgba(115, 96, 154, 0.14),\n        transparent 31%\n      ),\n      linear-gradient(\n        145deg,\n        #fdfcfb 0%,\n        #f5f0f8 50%,\n        #f9f6f1 100%\n      );\n\n    box-shadow:\n      0 30px 80px rgba(61, 47, 82, 0.13),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n  }\n\n  .serumdrop-premium::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n\n    inset: 0;\n\n    opacity: 0.26;\n\n    background-image:\n      linear-gradient(\n        rgba(115, 96, 154, 0.05) 1px,\n        transparent 1px\n      ),\n      linear-gradient(\n        90deg,\n        rgba(115, 96, 154, 0.05) 1px,\n        transparent 1px\n      );\n\n    background-size: 34px 34px;\n\n    mask-image: linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, 0.9),\n      transparent 80%\n    );\n\n    -webkit-mask-image: linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, 0.9),\n      transparent 80%\n    );\n\n    pointer-events: none;\n  }\n\n  .serumdrop-content {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .serumdrop-glow {\n    position: absolute;\n    z-index: 0;\n\n    border-radius: 50%;\n\n    filter: blur(16px);\n\n    pointer-events: none;\n\n    animation:\n      serumdropFloat 9s ease-in-out infinite;\n  }\n\n  .serumdrop-glow-one {\n    top: -110px;\n    right: -90px;\n\n    width: clamp(230px, 28vw, 300px);\n    height: clamp(230px, 28vw, 300px);\n\n    background: rgba(161, 138, 197, 0.2);\n  }\n\n  .serumdrop-glow-two {\n    bottom: -120px;\n    left: -100px;\n\n    width: clamp(260px, 31vw, 330px);\n    height: clamp(260px, 31vw, 330px);\n\n    background: rgba(220, 210, 235, 0.42);\n\n    animation-delay: -4s;\n  }\n\n  .serumdrop-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    max-width: 100%;\n\n    margin: 0 0 24px;\n    padding: 9px 14px;\n\n    border: 1px solid rgba(115, 96, 154, 0.18);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.54);\n\n    box-shadow:\n      0 8px 25px rgba(79, 64, 109, 0.06);\n\n    color: var(--sd-purple-dark);\n\n    font-size: clamp(9px, 1vw, 11px);\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.16em;\n\n    text-align: center;\n    text-transform: uppercase;\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    animation:\n      serumdropReveal 0.8s ease both;\n  }\n\n  .serumdrop-badge span {\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n\n    border-radius: 50%;\n\n    background: linear-gradient(\n      135deg,\n      var(--sd-purple),\n      #b6a2d2\n    );\n\n    box-shadow:\n      0 0 0 5px rgba(115, 96, 154, 0.1);\n\n    animation:\n      serumdropPulse 2.4s ease-in-out infinite;\n  }\n\n  .serumdrop-title {\n    width: 100%;\n    max-width: 850px;\n\n    margin: 0;\n\n    color: var(--sd-ink);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 5.8vw, 72px);\n    font-weight: 500;\n    line-height: 0.99;\n    letter-spacing: -0.045em;\n\n    text-wrap: balance;\n\n    animation:\n      serumdropReveal 0.9s 0.08s ease both;\n  }\n\n  .serumdrop-title span {\n    display: block;\n\n    margin-top: 10px;\n\n    color: var(--sd-purple);\n\n    font-style: italic;\n  }\n\n  .serumdrop-intro {\n    width: 100%;\n    max-width: 820px;\n\n    margin: 30px 0 0;\n\n    color: var(--sd-muted);\n\n    font-size: clamp(16px, 1.7vw, 19px);\n    line-height: 1.85;\n\n    text-wrap: pretty;\n\n    animation:\n      serumdropReveal 0.9s 0.16s ease both;\n  }\n\n  .serumdrop-intro strong {\n    color: var(--sd-purple-dark);\n    font-weight: 700;\n  }\n\n  .serumdrop-statement {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n\n    width: 100%;\n    max-width: 100%;\n\n    margin: 28px 0 36px;\n\n    animation:\n      serumdropReveal 0.9s 0.24s ease both;\n  }\n\n  .serumdrop-statement span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    max-width: 100%;\n\n    padding: 10px 15px;\n\n    border: 1px solid rgba(115, 96, 154, 0.14);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.6);\n\n    box-shadow:\n      0 8px 24px rgba(61, 47, 82, 0.05);\n\n    color: var(--sd-purple-dark);\n\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.04em;\n\n    text-align: center;\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    transition:\n      transform 0.35s ease,\n      background 0.35s ease,\n      color 0.35s ease;\n  }\n\n  .serumdrop-benefits {\n    display: grid;\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 16px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .serumdrop-card {\n    position: relative;\n\n    display: flex;\n    align-items: flex-start;\n    gap: 17px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    min-height: 150px;\n\n    padding: 24px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(115, 96, 154, 0.13);\n    border-radius: 20px;\n\n    background: var(--sd-white);\n\n    box-shadow:\n      0 14px 40px rgba(61, 47, 82, 0.06),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n\n    opacity: 0;\n    transform: translateY(24px);\n\n    animation:\n      serumdropCardIn 0.7s ease forwards;\n\n    transition:\n      transform 0.4s ease,\n      box-shadow 0.4s ease,\n      border-color 0.4s ease;\n  }\n\n  .serumdrop-card:nth-child(1) {\n    animation-delay: 0.34s;\n  }\n\n  .serumdrop-card:nth-child(2) {\n    animation-delay: 0.42s;\n  }\n\n  .serumdrop-card:nth-child(3) {\n    animation-delay: 0.5s;\n  }\n\n  .serumdrop-card:nth-child(4) {\n    animation-delay: 0.58s;\n  }\n\n  .serumdrop-card:nth-child(5) {\n    animation-delay: 0.66s;\n  }\n\n  .serumdrop-card::after {\n    content: \"\";\n    position: absolute;\n\n    top: -80%;\n    left: -55%;\n\n    width: 45%;\n    height: 240%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.72),\n      transparent\n    );\n\n    transform: rotate(18deg);\n\n    transition:\n      left 0.75s ease;\n\n    pointer-events: none;\n  }\n\n  .serumdrop-card-wide {\n    grid-column: 1 \/ -1;\n  }\n\n  .serumdrop-icon {\n    display: grid;\n    place-items: center;\n\n    width: 48px;\n    height: 48px;\n    flex: 0 0 48px;\n\n    border: 1px solid rgba(115, 96, 154, 0.15);\n    border-radius: 15px;\n\n    background: linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.92),\n      rgba(220, 210, 235, 0.62)\n    );\n\n    box-shadow:\n      0 9px 22px rgba(79, 64, 109, 0.09),\n      inset 0 1px 0 #ffffff;\n\n    transition:\n      transform 0.4s ease,\n      border-radius 0.4s ease;\n  }\n\n  .serumdrop-icon svg {\n    display: block;\n\n    width: 24px;\n    height: 24px;\n\n    fill: none;\n    stroke: var(--sd-purple);\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .serumdrop-card-copy {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .serumdrop-card h3 {\n    margin: 2px 0 8px;\n\n    color: var(--sd-ink);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(19px, 1.8vw, 21px);\n    font-weight: 600;\n    line-height: 1.2;\n\n    text-wrap: balance;\n  }\n\n  .serumdrop-card p {\n    margin: 0;\n\n    color: var(--sd-muted);\n\n    font-size: 14px;\n    line-height: 1.65;\n\n    text-wrap: pretty;\n  }\n\n  .serumdrop-footer {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-top: 38px;\n\n    color: var(--sd-purple-dark);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(18px, 2.3vw, 24px);\n    font-style: italic;\n    line-height: 1.4;\n\n    animation:\n      serumdropReveal 0.9s 0.74s ease both;\n  }\n\n  .serumdrop-footer \u003e span {\n    flex: 0 1 auto;\n  }\n\n  .serumdrop-line {\n    position: relative;\n\n    flex: 1 1 auto;\n\n    min-width: 30px;\n    height: 1px;\n\n    overflow: hidden;\n\n    background: rgba(115, 96, 154, 0.16);\n  }\n\n  .serumdrop-line::after {\n    content: \"\";\n    position: absolute;\n\n    inset: 0;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--sd-purple),\n      transparent\n    );\n\n    transform: translateX(-100%);\n\n    animation:\n      serumdropLine 3.4s ease-in-out infinite;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .serumdrop-statement span:hover {\n      transform: translateY(-3px);\n\n      background: var(--sd-purple);\n      color: #ffffff;\n    }\n\n    .serumdrop-card:hover {\n      transform: translateY(-7px);\n\n      border-color: rgba(115, 96, 154, 0.3);\n\n      box-shadow:\n        0 23px 55px rgba(61, 47, 82, 0.12),\n        inset 0 1px 0 rgba(255, 255, 255, 0.95);\n    }\n\n    .serumdrop-card:hover::after {\n      left: 125%;\n    }\n\n    .serumdrop-card:hover .serumdrop-icon {\n      transform:\n        rotate(-5deg)\n        scale(1.07);\n\n      border-radius: 50%;\n    }\n  }\n\n  @keyframes serumdropReveal {\n    from {\n      opacity: 0;\n      transform: translateY(22px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes serumdropCardIn {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes serumdropFloat {\n    0%,\n    100% {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    50% {\n      transform:\n        translate3d(15px, -18px, 0)\n        scale(1.08);\n    }\n  }\n\n  @keyframes serumdropPulse {\n    0%,\n    100% {\n      box-shadow:\n        0 0 0 5px rgba(115, 96, 154, 0.1);\n    }\n\n    50% {\n      box-shadow:\n        0 0 0 9px rgba(115, 96, 154, 0.03);\n    }\n  }\n\n  @keyframes serumdropLine {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    55%,\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  \/*\n    FULL-WIDTH DESKTOP SECTION\n  *\/\n\n  @container serumDrop (min-width: 901px) {\n    .serumdrop-premium {\n      padding:\n        clamp(50px, 6vw, 82px);\n    }\n\n    .serumdrop-benefits {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .serumdrop-card {\n      min-height: 150px;\n    }\n\n    .serumdrop-card-wide {\n      grid-column: 1 \/ -1;\n    }\n  }\n\n  \/*\n    NARROW SHOPIFY DESKTOP SECTION\n    OR TABLET CONTAINER\n  *\/\n\n  @container serumDrop (min-width: 561px) and (max-width: 900px) {\n    .serumdrop-section {\n      padding:\n        64px\n        20px;\n    }\n\n    .serumdrop-premium {\n      max-width: 760px;\n\n      padding:\n        48px\n        34px;\n\n      border-radius: 27px;\n    }\n\n    .serumdrop-title {\n      font-size: clamp(43px, 8cqw, 60px);\n    }\n\n    .serumdrop-benefits {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .serumdrop-card,\n    .serumdrop-card-wide {\n      grid-column: auto;\n      min-height: auto;\n    }\n  }\n\n  \/*\n    MOBILE OR VERY NARROW PRODUCT COLUMN\n  *\/\n\n  @container serumDrop (max-width: 560px) {\n    .serumdrop-section {\n      padding:\n        50px\n        14px;\n    }\n\n    .serumdrop-premium {\n      padding:\n        34px\n        20px;\n\n      border-radius: 22px;\n    }\n\n    .serumdrop-badge {\n      gap: 8px;\n\n      padding:\n        8px\n        12px;\n\n      font-size: 9px;\n      letter-spacing: 0.13em;\n    }\n\n    .serumdrop-badge span {\n      width: 6px;\n      height: 6px;\n      flex-basis: 6px;\n    }\n\n    .serumdrop-title {\n      font-size: clamp(36px, 11cqw, 48px);\n      line-height: 1.01;\n      letter-spacing: -0.038em;\n    }\n\n    .serumdrop-title span {\n      margin-top: 8px;\n    }\n\n    .serumdrop-intro {\n      margin-top: 25px;\n\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .serumdrop-statement {\n      gap: 8px;\n\n      margin:\n        24px\n        0\n        30px;\n    }\n\n    .serumdrop-statement span {\n      padding:\n        9px\n        12px;\n\n      font-size: 12px;\n    }\n\n    .serumdrop-benefits {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 13px;\n    }\n\n    .serumdrop-card,\n    .serumdrop-card-wide {\n      grid-column: auto;\n\n      gap: 14px;\n\n      min-height: auto;\n\n      padding:\n        21px\n        19px;\n\n      border-radius: 18px;\n    }\n\n    .serumdrop-icon {\n      width: 44px;\n      height: 44px;\n      flex-basis: 44px;\n\n      border-radius: 14px;\n    }\n\n    .serumdrop-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .serumdrop-card h3 {\n      font-size: 19px;\n    }\n\n    .serumdrop-card p {\n      font-size: 13px;\n      line-height: 1.62;\n    }\n\n    .serumdrop-footer {\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 12px;\n\n      margin-top: 31px;\n\n      font-size: clamp(18px, 5.5cqw, 22px);\n    }\n\n    .serumdrop-line {\n      width: 100%;\n      min-width: 100%;\n      flex: none;\n    }\n\n    .serumdrop-glow {\n      filter: blur(14px);\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container serumDrop (max-width: 390px) {\n    .serumdrop-section {\n      padding:\n        46px\n        11px;\n    }\n\n    .serumdrop-premium {\n      padding:\n        30px\n        16px;\n\n      border-radius: 20px;\n    }\n\n    .serumdrop-badge {\n      font-size: 8px;\n      letter-spacing: 0.09em;\n    }\n\n    .serumdrop-title {\n      font-size: 35px;\n    }\n\n    .serumdrop-intro {\n      font-size: 14px;\n    }\n\n    .serumdrop-statement span {\n      padding:\n        8px\n        10px;\n\n      font-size: 11px;\n    }\n\n    .serumdrop-card,\n    .serumdrop-card-wide {\n      padding:\n        19px\n        16px;\n    }\n\n    .serumdrop-icon {\n      width: 42px;\n      height: 42px;\n      flex-basis: 42px;\n    }\n\n    .serumdrop-card h3 {\n      font-size: 18px;\n    }\n\n    .serumdrop-footer {\n      font-size: 18px;\n    }\n  }\n\n  \/*\n    STANDARD VIEWPORT FALLBACKS\n  *\/\n\n  @media screen and (max-width: 900px) {\n    .serumdrop-benefits {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .serumdrop-card,\n    .serumdrop-card-wide {\n      grid-column: auto;\n      min-height: auto;\n    }\n  }\n\n  @media screen and (max-width: 720px) {\n    .serumdrop-section {\n      padding:\n        52px\n        14px;\n    }\n\n    .serumdrop-premium {\n      padding:\n        34px\n        20px;\n\n      border-radius: 22px;\n    }\n\n    .serumdrop-title {\n      font-size: clamp(36px, 11vw, 52px);\n    }\n\n    .serumdrop-footer {\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .serumdrop-line {\n      width: 100%;\n      flex: none;\n    }\n  }\n\n  \/*\n    FALLBACK FOR BROWSERS WITHOUT\n    CONTAINER QUERY SUPPORT\n  *\/\n\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 1000px) {\n      .serumdrop-benefits {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .serumdrop-card,\n      .serumdrop-card-wide {\n        grid-column: auto;\n        min-height: auto;\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .serumdrop-section *,\n    .serumdrop-section *::before,\n    .serumdrop-section *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .serumdrop-badge,\n    .serumdrop-title,\n    .serumdrop-intro,\n    .serumdrop-statement,\n    .serumdrop-card,\n    .serumdrop-footer {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"White","offer_id":45944970182739,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":45944970215507,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul20_2026at09_12_49PM.png?v=1784577361","url":"https:\/\/fearlessgrace.co.za\/products\/serumdrop-multi-nozzle-scalp-treatment-tool","provider":"Fearless Grace","version":"1.0","type":"link"}