{"product_id":"dewbrush-2-in-1-misting-detangle-style-brush","title":"DewBrush – 2-in-1 Misting Detangle \u0026 Style Brush","description":"\u003c!-- DewBrush 2-in-1 Misting Detangle \u0026 Style Brush | Shopify Responsive Section --\u003e\n\u003csection class=\"dewbrush-section\"\u003e\n  \u003cdiv class=\"dewbrush-glow dewbrush-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"dewbrush-glow dewbrush-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"dewbrush-premium\"\u003e\n\n    \u003cdiv class=\"dewbrush-content\"\u003e\n\n      \u003cdiv class=\"dewbrush-badge\"\u003e\n        \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003cstrong\u003e2-in-1 Hair Essential\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Hydrated, Frizz-Free Hair.\n        \u003cspan\u003eOne Brush Does It All.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"dewbrush-intro\"\u003e\n        The \u003cstrong\u003eDewBrush 2-in-1 Misting Detangle \u0026amp; Style Brush\u003c\/strong\u003e\n        combines a fine mist sprayer with a cushion paddle brush — so you can\n        hydrate and detangle in a single, effortless stroke. No more switching\n        between a spray bottle and a brush. Just smooth, frizz-free, touchably\n        soft hair every time.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"dewbrush-statement\"\u003e\n        \u003cspan\u003eDetangle.\u003c\/span\u003e\n        \u003cspan\u003eHydrate.\u003c\/span\u003e\n        \u003cspan\u003eStyle.\u003c\/span\u003e\n        \u003cstrong\u003eDone.\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dewbrush-features\"\u003e\n\n        \u003carticle class=\"dewbrush-feature\"\u003e\n          \u003cdiv class=\"dewbrush-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M12 3C9.5 7.2 6.5 10.2 6.5 14a5.5 5.5 0 0 0 11 0C17.5 10.2 14.5 7.2 12 3Z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9.5 15.2c.4 1.4 1.4 2.2 2.8 2.4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n            \u003ch3\u003eInstant Frizz Control\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Fine mist tames flyaways and static on contact.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"dewbrush-feature\"\u003e\n          \u003cdiv class=\"dewbrush-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M7 4v16\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M11 6v12\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M15 5v14\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M19 7v10\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n            \u003ch3\u003eTear-Free Detangling\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Glides through knots without pulling or breakage.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"dewbrush-feature\"\u003e\n          \u003cdiv class=\"dewbrush-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M12 3c1.5 3.8 4.2 5.2 7.5 5.5-3.3.8-5.4 2.9-6.2 6.2C12.6 11.4 10.5 9.3 7.2 8.5 9.5 8.2 11 6.7 12 3Z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M6 14c.7 1.8 1.9 3 4 3.5-2.1.5-3.3 1.7-4 3.5-.5-1.8-1.8-3-3.8-3.5C4.2 17 5.5 15.8 6 14Z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n            \u003ch3\u003eHealthier Hair, Daily\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Moisture delivered exactly where your hair needs it.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"dewbrush-feature\"\u003e\n          \u003cdiv class=\"dewbrush-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M8 4h8\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 4v3l-2 3v8a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-8l-2-3V4\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 13h6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n            \u003ch3\u003eRefillable Reservoir\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Fill with water, leave-in conditioner, or your favourite hair\n              mist.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"dewbrush-feature dewbrush-feature-wide\"\u003e\n          \u003cdiv class=\"dewbrush-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n              \u003cpath d=\"M8 7V5.5A2.5 2.5 0 0 1 10.5 3h3A2.5 2.5 0 0 1 16 5.5V7\"\u003e\u003c\/path\u003e\n              \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"13\" rx=\"3\"\u003e\u003c\/rect\u003e\n              \u003cpath d=\"M8 11v5\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M16 11v5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n            \u003ch3\u003ePortable \u0026amp; Travel-Ready\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Compact enough for your gym bag or carry-on.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dewbrush-colours\"\u003e\n        \u003cp class=\"dewbrush-colours-label\"\u003e\n          Available in\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"dewbrush-colour-list\"\u003e\n\n          \u003cdiv class=\"dewbrush-colour\"\u003e\n            \u003cspan class=\"dewbrush-swatch dewbrush-black\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n            \u003cspan\u003eBlack\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dewbrush-colour\"\u003e\n            \u003cspan class=\"dewbrush-swatch dewbrush-pink\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n            \u003cspan\u003eLight Pink\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dewbrush-colour\"\u003e\n            \u003cspan class=\"dewbrush-swatch dewbrush-blue\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n            \u003cspan\u003eLight Blue\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"dewbrush-colour\"\u003e\n            \u003cspan class=\"dewbrush-swatch dewbrush-purple\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n            \u003cspan\u003ePurple\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dewbrush-closing\"\u003e\n        Less frizz.\n        \u003cspan\u003eMore flow.\u003c\/span\u003e\n        Every single day.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .dewbrush-section {\n    --db-navy: #173e6c;\n    --db-deep-navy: #0d2948;\n    --db-champagne: #c9b39d;\n    --db-ivory: #faf8f5;\n    --db-warm-white: #fffdf9;\n    --db-text: #26384b;\n    --db-muted: #657383;\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(60px, 8vw, 100px)\n      clamp(14px, 3vw, 26px);\n\n    background:\n      radial-gradient(\n        circle at 12% 10%,\n        rgba(201, 179, 157, 0.2),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 90% 85%,\n        rgba(173, 204, 229, 0.22),\n        transparent 34%\n      ),\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        #faf8f5 50%,\n        #f2f6fa 100%\n      );\n\n    color: var(--db-text);\n\n    font-family:\n      Inter,\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n\n    container-type: inline-size;\n    container-name: dewBrush;\n  }\n\n  .dewbrush-section,\n  .dewbrush-section *,\n  .dewbrush-section *::before,\n  .dewbrush-section *::after {\n    box-sizing: border-box;\n  }\n\n  .dewbrush-section h2,\n  .dewbrush-section h3,\n  .dewbrush-section p {\n    padding: 0;\n  }\n\n  .dewbrush-section h2,\n  .dewbrush-section h3,\n  .dewbrush-section p,\n  .dewbrush-section span,\n  .dewbrush-section strong,\n  .dewbrush-section div,\n  .dewbrush-section article,\n  .dewbrush-section svg {\n    min-width: 0;\n    max-width: 100%;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .dewbrush-premium {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1120px;\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(201, 179, 157, 0.38);\n    border-radius: 34px;\n\n    background:\n      radial-gradient(\n        circle at top right,\n        rgba(201, 179, 157, 0.2),\n        transparent 35%\n      ),\n      linear-gradient(\n        145deg,\n        #fffdf9 0%,\n        #faf8f5 48%,\n        #f2f6fa 100%\n      );\n\n    box-shadow:\n      0 30px 80px rgba(23, 62, 108, 0.13),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n  }\n\n  .dewbrush-premium::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n\n    inset: 14px;\n\n    border: 1px solid rgba(255, 255, 255, 0.75);\n    border-radius: 24px;\n\n    pointer-events: none;\n  }\n\n  .dewbrush-premium::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n\n    top: -60%;\n    left: -20%;\n\n    width: 38%;\n    height: 220%;\n\n    transform: rotate(18deg);\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.6),\n      transparent\n    );\n\n    animation:\n      dewbrushShimmer 8s ease-in-out infinite;\n\n    pointer-events: none;\n  }\n\n  .dewbrush-content {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .dewbrush-glow {\n    position: absolute;\n    z-index: 0;\n\n    border-radius: 999px;\n\n    filter: blur(2px);\n\n    pointer-events: none;\n  }\n\n  .dewbrush-glow-one {\n    top: -110px;\n    right: -70px;\n\n    width: clamp(230px, 30vw, 280px);\n    height: clamp(230px, 30vw, 280px);\n\n    background: rgba(173, 204, 229, 0.25);\n\n    animation:\n      dewbrushFloatOne 8s ease-in-out infinite;\n  }\n\n  .dewbrush-glow-two {\n    bottom: -130px;\n    left: -90px;\n\n    width: clamp(270px, 34vw, 330px);\n    height: clamp(270px, 34vw, 330px);\n\n    background: rgba(201, 179, 157, 0.18);\n\n    animation:\n      dewbrushFloatTwo 10s ease-in-out infinite;\n  }\n\n  .dewbrush-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    max-width: 100%;\n\n    margin:\n      0\n      0\n      24px;\n\n    padding:\n      10px\n      16px;\n\n    border: 1px solid rgba(23, 62, 108, 0.12);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.65);\n\n    box-shadow:\n      0 8px 24px rgba(23, 62, 108, 0.06);\n\n    color: var(--db-navy);\n\n    font-size: clamp(9px, 1vw, 11px);\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\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      dewbrushFadeUp 0.8s ease both;\n  }\n\n  .dewbrush-badge strong {\n    color: inherit;\n    font: inherit;\n  }\n\n  .dewbrush-badge \u003e span {\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n\n    border-radius: 50%;\n\n    background: var(--db-champagne);\n\n    box-shadow:\n      0 0 0 5px rgba(201, 179, 157, 0.15);\n\n    animation:\n      dewbrushPulse 2.4s ease-in-out infinite;\n  }\n\n  .dewbrush-premium h2 {\n    width: 100%;\n    max-width: 820px;\n\n    margin: 0;\n\n    color: var(--db-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(38px, 5.8vw, 72px);\n    font-weight: 400;\n    line-height: 1.02;\n    letter-spacing: -0.045em;\n\n    text-wrap: balance;\n\n    animation:\n      dewbrushFadeUp 0.9s 0.08s ease both;\n  }\n\n  .dewbrush-premium h2 \u003e span {\n    display: block;\n\n    margin-top: 8px;\n\n    color: var(--db-navy);\n\n    font-style: italic;\n  }\n\n  .dewbrush-intro {\n    width: 100%;\n    max-width: 840px;\n\n    margin:\n      30px\n      0\n      0;\n\n    color: var(--db-muted);\n\n    font-size: clamp(16px, 1.7vw, 19px);\n    line-height: 1.85;\n\n    text-wrap: pretty;\n\n    animation:\n      dewbrushFadeUp 0.9s 0.16s ease both;\n  }\n\n  .dewbrush-intro strong {\n    color: var(--db-navy);\n    font-weight: 700;\n  }\n\n  .dewbrush-statement {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n\n    gap:\n      10px\n      14px;\n\n    width: 100%;\n    max-width: 100%;\n\n    margin:\n      36px\n      0;\n\n    color: var(--db-navy);\n\n    font-size: clamp(17px, 2.2vw, 22px);\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: 0.02em;\n\n    animation:\n      dewbrushFadeUp 0.9s 0.24s ease both;\n  }\n\n  .dewbrush-statement span,\n  .dewbrush-statement strong {\n    position: relative;\n\n    padding:\n      8px\n      0;\n  }\n\n  .dewbrush-statement span::after {\n    content: \"•\";\n\n    margin-left: 14px;\n\n    color: var(--db-champagne);\n  }\n\n  .dewbrush-statement strong {\n    color: var(--db-deep-navy);\n    font-weight: 800;\n  }\n\n  .dewbrush-features {\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    margin-top: 12px;\n  }\n\n  .dewbrush-feature {\n    position: relative;\n\n    display: grid;\n    grid-template-columns:\n      54px\n      minmax(0, 1fr);\n\n    align-items: start;\n    gap: 16px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    min-height: 135px;\n\n    padding: 24px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(23, 62, 108, 0.09);\n    border-radius: 22px;\n\n    background: rgba(255, 255, 255, 0.68);\n\n    box-shadow:\n      0 14px 34px rgba(23, 62, 108, 0.055);\n\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n\n    opacity: 0;\n    transform: translateY(24px);\n\n    animation:\n      dewbrushFeatureIn 0.75s ease forwards;\n\n    transition:\n      transform 0.4s ease,\n      border-color 0.4s ease,\n      box-shadow 0.4s ease;\n  }\n\n  .dewbrush-feature:nth-child(1) {\n    animation-delay: 0.32s;\n  }\n\n  .dewbrush-feature:nth-child(2) {\n    animation-delay: 0.4s;\n  }\n\n  .dewbrush-feature:nth-child(3) {\n    animation-delay: 0.48s;\n  }\n\n  .dewbrush-feature:nth-child(4) {\n    animation-delay: 0.56s;\n  }\n\n  .dewbrush-feature:nth-child(5) {\n    animation-delay: 0.64s;\n  }\n\n  .dewbrush-feature-wide {\n    grid-column: 1 \/ -1;\n  }\n\n  .dewbrush-feature::before {\n    content: \"\";\n    position: absolute;\n\n    top: 0;\n    left: -120%;\n\n    width: 80%;\n    height: 100%;\n\n    transform: skewX(-18deg);\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.72),\n      transparent\n    );\n\n    transition:\n      left 0.7s ease;\n\n    pointer-events: none;\n  }\n\n  .dewbrush-icon {\n    display: grid;\n    place-items: center;\n\n    width: 54px;\n    height: 54px;\n    flex: 0 0 54px;\n\n    border: 1px solid rgba(201, 179, 157, 0.35);\n    border-radius: 18px;\n\n    background: linear-gradient(\n      145deg,\n      rgba(250, 248, 245, 1),\n      rgba(229, 238, 247, 0.8)\n    );\n\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.9),\n      0 8px 18px rgba(23, 62, 108, 0.07);\n\n    transition:\n      transform 0.4s ease,\n      background 0.4s ease;\n  }\n\n  .dewbrush-icon svg {\n    display: block;\n\n    width: 25px;\n    height: 25px;\n\n    fill: none;\n    stroke: var(--db-navy);\n    stroke-width: 1.55;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .dewbrush-feature-copy {\n    min-width: 0;\n  }\n\n  .dewbrush-feature h3 {\n    margin:\n      2px\n      0\n      8px;\n\n    color: var(--db-deep-navy);\n\n    font-size: clamp(16px, 1.6vw, 18px);\n    font-weight: 750;\n    line-height: 1.25;\n\n    text-wrap: balance;\n  }\n\n  .dewbrush-feature p {\n    margin: 0;\n\n    color: var(--db-muted);\n\n    font-size: 14px;\n    line-height: 1.65;\n\n    text-wrap: pretty;\n  }\n\n  .dewbrush-colours {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-top: 30px;\n\n    padding:\n      26px\n      28px;\n\n    border: 1px solid rgba(201, 179, 157, 0.35);\n    border-radius: 22px;\n\n    background: linear-gradient(\n      135deg,\n      rgba(23, 62, 108, 0.96),\n      rgba(13, 41, 72, 0.98)\n    );\n\n    box-shadow:\n      0 22px 48px rgba(23, 62, 108, 0.18);\n\n    animation:\n      dewbrushFadeUp 0.9s 0.72s ease both;\n  }\n\n  .dewbrush-colours-label {\n    margin:\n      0\n      0\n      18px;\n\n    color: rgba(255, 255, 255, 0.65);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.2em;\n\n    text-transform: uppercase;\n  }\n\n  .dewbrush-colour-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .dewbrush-colour {\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 10px;\n\n    max-width: 100%;\n\n    padding:\n      10px\n      14px;\n\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.08);\n\n    color: #ffffff;\n\n    font-size: 13px;\n    line-height: 1.4;\n\n    transition:\n      transform 0.3s ease,\n      background 0.3s ease;\n  }\n\n  .dewbrush-swatch {\n    display: block;\n\n    width: 14px;\n    height: 14px;\n    flex: 0 0 14px;\n\n    border: 2px solid rgba(255, 255, 255, 0.45);\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 3px rgba(255, 255, 255, 0.06);\n  }\n\n  .dewbrush-black {\n    background: #17191d;\n  }\n\n  .dewbrush-pink {\n    background: #efcbd4;\n  }\n\n  .dewbrush-blue {\n    background: #a9cee7;\n  }\n\n  .dewbrush-purple {\n    background: #a996cc;\n  }\n\n  .dewbrush-closing {\n    width: 100%;\n    max-width: 100%;\n\n    margin-top: 38px;\n\n    color: var(--db-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(25px, 4vw, 38px);\n    line-height: 1.25;\n\n    text-align: center;\n    text-wrap: balance;\n\n    animation:\n      dewbrushFadeUp 0.9s 0.8s ease both;\n  }\n\n  .dewbrush-closing span {\n    color: var(--db-navy);\n    font-style: italic;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .dewbrush-feature:hover {\n      transform: translateY(-6px);\n\n      border-color: rgba(201, 179, 157, 0.55);\n\n      box-shadow:\n        0 22px 46px rgba(23, 62, 108, 0.1);\n    }\n\n    .dewbrush-feature:hover::before {\n      left: 140%;\n    }\n\n    .dewbrush-feature:hover .dewbrush-icon {\n      transform:\n        rotate(-4deg)\n        scale(1.06);\n\n      background: linear-gradient(\n        145deg,\n        rgba(239, 244, 249, 1),\n        rgba(250, 248, 245, 1)\n      );\n    }\n\n    .dewbrush-colour:hover {\n      transform: translateY(-3px);\n\n      background: rgba(255, 255, 255, 0.14);\n    }\n  }\n\n  @keyframes dewbrushFadeUp {\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 dewbrushFeatureIn {\n    from {\n      opacity: 0;\n      transform: translateY(24px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes dewbrushPulse {\n    0%,\n    100% {\n      transform: scale(1);\n\n      box-shadow:\n        0 0 0 5px rgba(201, 179, 157, 0.15);\n    }\n\n    50% {\n      transform: scale(1.15);\n\n      box-shadow:\n        0 0 0 8px rgba(201, 179, 157, 0.06);\n    }\n  }\n\n  @keyframes dewbrushShimmer {\n    0%,\n    18% {\n      transform:\n        translateX(-80%)\n        rotate(18deg);\n\n      opacity: 0;\n    }\n\n    38% {\n      opacity: 1;\n    }\n\n    60%,\n    100% {\n      transform:\n        translateX(420%)\n        rotate(18deg);\n\n      opacity: 0;\n    }\n  }\n\n  @keyframes dewbrushFloatOne {\n    0%,\n    100% {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    50% {\n      transform:\n        translate3d(-24px, 28px, 0)\n        scale(1.08);\n    }\n  }\n\n  @keyframes dewbrushFloatTwo {\n    0%,\n    100% {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    50% {\n      transform:\n        translate3d(28px, -22px, 0)\n        scale(1.06);\n    }\n  }\n\n  \/*\n    FULL-WIDTH DESKTOP SECTION\n  *\/\n\n  @container dewBrush (min-width: 901px) {\n    .dewbrush-premium {\n      padding:\n        clamp(48px, 6vw, 82px);\n    }\n\n    .dewbrush-features {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .dewbrush-feature {\n      min-height: 135px;\n    }\n\n    .dewbrush-feature-wide {\n      grid-column: 1 \/ -1;\n    }\n  }\n\n  \/*\n    NARROW SHOPIFY DESKTOP SECTION\n    OR TABLET CONTAINER\n  *\/\n\n  @container dewBrush (min-width: 561px) and (max-width: 900px) {\n    .dewbrush-section {\n      padding:\n        64px\n        20px;\n    }\n\n    .dewbrush-premium {\n      max-width: 760px;\n\n      padding:\n        48px\n        34px;\n\n      border-radius: 28px;\n    }\n\n    .dewbrush-premium::before {\n      inset: 10px;\n\n      border-radius: 20px;\n    }\n\n    .dewbrush-premium h2 {\n      font-size: clamp(43px, 8cqw, 60px);\n    }\n\n    .dewbrush-intro {\n      max-width: 680px;\n    }\n\n    .dewbrush-features {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .dewbrush-feature,\n    .dewbrush-feature-wide {\n      grid-column: auto;\n\n      min-height: auto;\n    }\n\n    .dewbrush-colour-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .dewbrush-colour {\n      width: 100%;\n    }\n  }\n\n  \/*\n    MOBILE OR VERY NARROW PRODUCT COLUMN\n  *\/\n\n  @container dewBrush (max-width: 560px) {\n    .dewbrush-section {\n      padding:\n        48px\n        13px;\n    }\n\n    .dewbrush-premium {\n      padding:\n        34px\n        20px;\n\n      border-radius: 23px;\n    }\n\n    .dewbrush-premium::before {\n      inset: 8px;\n\n      border-radius: 17px;\n    }\n\n    .dewbrush-badge {\n      gap: 8px;\n\n      margin-bottom: 20px;\n\n      padding:\n        8px\n        12px;\n\n      font-size: 9px;\n      letter-spacing: 0.13em;\n    }\n\n    .dewbrush-badge \u003e span {\n      width: 6px;\n      height: 6px;\n      flex-basis: 6px;\n    }\n\n    .dewbrush-premium h2 {\n      font-size: clamp(36px, 10.5cqw, 47px);\n      line-height: 1.04;\n      letter-spacing: -0.038em;\n    }\n\n    .dewbrush-premium h2 \u003e span {\n      margin-top: 7px;\n    }\n\n    .dewbrush-intro {\n      margin-top: 24px;\n\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .dewbrush-statement {\n      gap:\n        2px\n        9px;\n\n      margin:\n        28px\n        0;\n\n      font-size: clamp(16px, 5cqw, 20px);\n    }\n\n    .dewbrush-statement span::after {\n      margin-left: 9px;\n    }\n\n    .dewbrush-features {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 13px;\n    }\n\n    .dewbrush-feature,\n    .dewbrush-feature-wide {\n      grid-column: auto;\n\n      grid-template-columns:\n        46px\n        minmax(0, 1fr);\n\n      gap: 13px;\n\n      min-height: auto;\n\n      padding:\n        20px\n        18px;\n\n      border-radius: 19px;\n    }\n\n    .dewbrush-icon {\n      width: 46px;\n      height: 46px;\n      flex-basis: 46px;\n\n      border-radius: 15px;\n    }\n\n    .dewbrush-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .dewbrush-feature h3 {\n      font-size: 17px;\n    }\n\n    .dewbrush-feature p {\n      font-size: 13px;\n      line-height: 1.62;\n    }\n\n    .dewbrush-colours {\n      margin-top: 22px;\n\n      padding:\n        22px\n        18px;\n\n      border-radius: 19px;\n    }\n\n    .dewbrush-colours-label {\n      margin-bottom: 15px;\n\n      font-size: 9px;\n      letter-spacing: 0.15em;\n    }\n\n    .dewbrush-colour-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 9px;\n    }\n\n    .dewbrush-colour {\n      width: 100%;\n\n      padding:\n        10px\n        11px;\n\n      font-size: 12px;\n    }\n\n    .dewbrush-closing {\n      margin-top: 31px;\n\n      font-size: clamp(24px, 7cqw, 31px);\n      line-height: 1.28;\n    }\n\n    .dewbrush-glow {\n      filter: blur(2px);\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container dewBrush (max-width: 390px) {\n    .dewbrush-section {\n      padding:\n        44px\n        10px;\n    }\n\n    .dewbrush-premium {\n      padding:\n        30px\n        16px;\n\n      border-radius: 20px;\n    }\n\n    .dewbrush-premium::before {\n      inset: 7px;\n\n      border-radius: 15px;\n    }\n\n    .dewbrush-badge {\n      font-size: 8px;\n      letter-spacing: 0.09em;\n    }\n\n    .dewbrush-premium h2 {\n      font-size: 35px;\n    }\n\n    .dewbrush-intro {\n      font-size: 14px;\n    }\n\n    .dewbrush-statement {\n      font-size: 16px;\n    }\n\n    .dewbrush-feature,\n    .dewbrush-feature-wide {\n      grid-template-columns:\n        42px\n        minmax(0, 1fr);\n\n      padding:\n        18px\n        15px;\n    }\n\n    .dewbrush-icon {\n      width: 42px;\n      height: 42px;\n      flex-basis: 42px;\n    }\n\n    .dewbrush-feature h3 {\n      font-size: 16px;\n    }\n\n    .dewbrush-feature p {\n      font-size: 12px;\n    }\n\n    .dewbrush-colours {\n      padding:\n        20px\n        15px;\n    }\n\n    .dewbrush-colour-list {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .dewbrush-closing {\n      font-size: 24px;\n    }\n  }\n\n  \/*\n    STANDARD VIEWPORT FALLBACKS\n  *\/\n\n  @media screen and (max-width: 900px) {\n    .dewbrush-features {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .dewbrush-feature,\n    .dewbrush-feature-wide {\n      grid-column: auto;\n      min-height: auto;\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .dewbrush-section {\n      padding:\n        52px\n        14px;\n    }\n\n    .dewbrush-premium {\n      padding:\n        38px\n        22px;\n\n      border-radius: 25px;\n    }\n\n    .dewbrush-premium::before {\n      inset: 9px;\n\n      border-radius: 18px;\n    }\n\n    .dewbrush-colour-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .dewbrush-colour {\n      width: 100%;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .dewbrush-section {\n      padding:\n        46px\n        12px;\n    }\n\n    .dewbrush-premium {\n      padding:\n        32px\n        18px;\n\n      border-radius: 21px;\n    }\n\n    .dewbrush-premium h2 {\n      font-size: clamp(35px, 10.5vw, 42px);\n    }\n\n    .dewbrush-feature {\n      grid-template-columns:\n        46px\n        minmax(0, 1fr);\n\n      gap: 13px;\n    }\n\n    .dewbrush-icon {\n      width: 46px;\n      height: 46px;\n\n      border-radius: 15px;\n    }\n\n    .dewbrush-colours {\n      padding:\n        21px\n        17px;\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      .dewbrush-features {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .dewbrush-feature,\n      .dewbrush-feature-wide {\n        grid-column: auto;\n        min-height: auto;\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dewbrush-section *,\n    .dewbrush-section *::before,\n    .dewbrush-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    .dewbrush-badge,\n    .dewbrush-premium h2,\n    .dewbrush-intro,\n    .dewbrush-statement,\n    .dewbrush-feature,\n    .dewbrush-colours,\n    .dewbrush-closing {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Black","offer_id":45944983093331,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":45944983126099,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":45944983158867,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":45944983191635,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul23_2026at10_08_27AM.png?v=1784795533","url":"https:\/\/fearlessgrace.co.za\/products\/dewbrush-2-in-1-misting-detangle-style-brush","provider":"Fearless Grace","version":"1.0","type":"link"}