{"product_id":"primeshift-3-layer-protein-powder-dispenser","title":"PrimeShift | 3-Layer Protein Powder Dispenser","description":"\u003cstyle\u003e\n  .ps-dispenser {\n    --ps-cyan: #18cfe5;\n    --ps-blue: #1687ca;\n\n    --ps-orange: #ffb62f;\n    --ps-pink: #ff7dbf;\n    --ps-aqua: #74e8eb;\n\n    --ps-white: #ffffff;\n    --ps-muted: #9ca6b2;\n\n    width: 100%;\n    margin: 18px 0;\n    padding: 28px 16px 24px;\n\n    position: relative;\n    overflow: hidden;\n\n    border: 1px solid rgba(24, 207, 229, 0.12);\n    border-radius: 20px;\n\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(24, 207, 229, 0.08),\n        transparent 30%\n      ),\n      linear-gradient(\n        180deg,\n        #0b0e12 0%,\n        #050709 100%\n      );\n\n    box-shadow:\n      0 18px 50px rgba(0, 0, 0, 0.30),\n      inset 0 1px 0 rgba(255, 255, 255, 0.035);\n\n    color: #ffffff;\n    font-family: inherit;\n\n    box-sizing: border-box;\n  }\n\n  .ps-dispenser *,\n  .ps-dispenser *::before,\n  .ps-dispenser *::after {\n    box-sizing: border-box;\n  }\n\n\n  \/* ========================================\n     SUBTLE BACKGROUND LIGHT\n  ======================================== *\/\n\n  .ps-dispenser__orb {\n    position: absolute;\n\n    width: 150px;\n    height: 150px;\n\n    right: -80px;\n    top: 120px;\n\n    border-radius: 50%;\n\n    background:\n      radial-gradient(\n        circle,\n        rgba(24, 207, 229, 0.16),\n        rgba(24, 207, 229, 0)\n      );\n\n    filter: blur(18px);\n\n    opacity: 0.6;\n\n    pointer-events: none;\n\n    animation:\n      psOrbFloat 8s ease-in-out infinite alternate;\n  }\n\n\n  @keyframes psOrbFloat {\n    from {\n      transform:\n        translate3d(0, 0, 0)\n        scale(0.96);\n    }\n\n    to {\n      transform:\n        translate3d(-12px, 14px, 0)\n        scale(1.05);\n    }\n  }\n\n\n  \/* ========================================\n     MOVING LIGHT SWEEP\n  ======================================== *\/\n\n  .ps-dispenser::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: -60%;\n\n    width: 34%;\n    height: 100%;\n\n    z-index: 1;\n\n    pointer-events: none;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(255, 255, 255, 0.03),\n        transparent\n      );\n\n    transform:\n      skewX(-18deg);\n\n    animation:\n      psMainSweep 7s ease-in-out infinite;\n  }\n\n\n  @keyframes psMainSweep {\n    0%,\n    75% {\n      left: -60%;\n    }\n\n    100% {\n      left: 125%;\n    }\n  }\n\n\n  .ps-dispenser__inner {\n    position: relative;\n    z-index: 3;\n  }\n\n\n  \/* ========================================\n     TOP LABEL\n  ======================================== *\/\n\n  .ps-dispenser__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    margin-bottom: 14px;\n\n    padding: 7px 11px;\n\n    border:\n      1px solid rgba(24, 207, 229, 0.25);\n\n    border-radius: 999px;\n\n    background:\n      rgba(24, 207, 229, 0.06);\n\n    color: #a9f0f5;\n\n    font-size: 8.5px;\n    font-weight: 850;\n\n    letter-spacing: 0.12em;\n\n    text-transform: uppercase;\n\n    animation:\n      psFadeUp 0.55s ease both;\n  }\n\n\n  .ps-dispenser__dot {\n    width: 6px;\n    height: 6px;\n\n    flex: 0 0 6px;\n\n    border-radius: 50%;\n\n    background: var(--ps-cyan);\n\n    box-shadow:\n      0 0 0 0 rgba(24, 207, 229, 0.40),\n      0 0 10px rgba(24, 207, 229, 0.85);\n\n    animation:\n      psDotPulse 1.4s ease-out infinite;\n  }\n\n\n  \/* ========================================\n     COLOURFUL ANIMATED TITLE\n  ======================================== *\/\n\n  .ps-dispenser__title {\n    max-width: 500px;\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size:\n      clamp(28px, 6vw, 40px);\n\n    font-weight: 900;\n\n    line-height: 1.03;\n\n    letter-spacing: -0.04em;\n\n    animation:\n      psFadeUp 0.65s 0.06s ease both;\n  }\n\n\n  .ps-dispenser__title-gradient {\n    display: inline-block;\n\n    background:\n      linear-gradient(\n        90deg,\n        #ffb62f 0%,\n        #ff7dbf 28%,\n        #74e8eb 62%,\n        #19cfe5 100%\n      );\n\n    background-size: 220% 100%;\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    color: transparent;\n\n    animation:\n      psTitleGradient 5s linear infinite;\n  }\n\n\n  @keyframes psTitleGradient {\n    0% {\n      background-position: 0% 50%;\n    }\n\n    100% {\n      background-position: 220% 50%;\n    }\n  }\n\n\n  \/* ========================================\n     INTRO\n  ======================================== *\/\n\n  .ps-dispenser__intro {\n    max-width: 560px;\n\n    margin: 14px 0 0;\n\n    color: #a8b0ba;\n\n    font-size: 13px;\n\n    line-height: 1.6;\n\n    animation:\n      psFadeUp 0.65s 0.12s ease both;\n  }\n\n\n  .ps-dispenser__intro strong {\n    color: #ffffff;\n\n    font-weight: 800;\n  }\n\n\n  \/* ========================================\n     QUICK STATS\n     PROFESSIONAL \/ MONOCHROME\n  ======================================== *\/\n\n  .ps-dispenser__quick {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    gap: 8px;\n\n    margin-top: 20px;\n  }\n\n\n  .ps-dispenser__quick-item {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 12px 7px;\n\n    border:\n      1px solid rgba(24, 207, 229, 0.14);\n\n    border-radius: 12px;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(24, 207, 229, 0.05),\n        rgba(255, 255, 255, 0.012)\n      ),\n      #090d12;\n\n    text-align: center;\n\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.035);\n\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease;\n\n    animation:\n      psCardIn 0.55s ease both;\n  }\n\n\n  .ps-dispenser__quick-item:nth-child(1) {\n    animation-delay: 0.18s;\n  }\n\n  .ps-dispenser__quick-item:nth-child(2) {\n    animation-delay: 0.24s;\n  }\n\n  .ps-dispenser__quick-item:nth-child(3) {\n    animation-delay: 0.30s;\n  }\n\n\n  .ps-dispenser__quick-item:hover {\n    transform:\n      translateY(-2px);\n\n    border-color:\n      rgba(24, 207, 229, 0.32);\n  }\n\n\n  .ps-dispenser__quick-number {\n    display: block;\n\n    color: var(--ps-cyan);\n\n    font-size: 20px;\n    font-weight: 950;\n\n    line-height: 1;\n\n    text-shadow:\n      0 0 12px rgba(24, 207, 229, 0.18);\n  }\n\n\n  .ps-dispenser__quick-label {\n    display: block;\n\n    margin-top: 5px;\n\n    color: #bbc4cd;\n\n    font-size: 8px;\n    font-weight: 750;\n\n    line-height: 1.3;\n\n    text-transform: uppercase;\n\n    letter-spacing: 0.05em;\n  }\n\n\n  \/* ========================================\n     BENEFITS\n  ======================================== *\/\n\n  .ps-dispenser__benefits {\n    display: grid;\n\n    gap: 9px;\n\n    margin-top: 21px;\n  }\n\n\n  .ps-dispenser__benefit {\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding: 14px 13px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(255, 255, 255, 0.08);\n\n    border-radius: 14px;\n\n    background:\n      linear-gradient(\n        135deg,\n        rgba(255, 255, 255, 0.036),\n        rgba(255, 255, 255, 0.012)\n      ),\n      #090d12;\n\n    box-shadow:\n      0 8px 22px rgba(0, 0, 0, 0.16),\n      inset 0 1px 0 rgba(255, 255, 255, 0.03);\n\n    transition:\n      transform 0.28s ease,\n      border-color 0.28s ease,\n      background 0.28s ease;\n\n    animation:\n      psCardIn 0.58s ease both;\n  }\n\n\n  .ps-dispenser__benefit:nth-child(1) {\n    animation-delay: 0.33s;\n  }\n\n  .ps-dispenser__benefit:nth-child(2) {\n    animation-delay: 0.39s;\n  }\n\n  .ps-dispenser__benefit:nth-child(3) {\n    animation-delay: 0.45s;\n  }\n\n  .ps-dispenser__benefit:nth-child(4) {\n    animation-delay: 0.51s;\n  }\n\n  .ps-dispenser__benefit:nth-child(5) {\n    animation-delay: 0.57s;\n  }\n\n\n  .ps-dispenser__benefit:hover {\n    transform:\n      translateY(-3px);\n\n    border-color:\n      rgba(24, 207, 229, 0.27);\n\n    background:\n      linear-gradient(\n        135deg,\n        rgba(24, 207, 229, 0.05),\n        rgba(255, 255, 255, 0.012)\n      ),\n      #090d12;\n  }\n\n\n  .ps-dispenser__benefit::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    bottom: 0;\n\n    width: 38%;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(24, 207, 229, 0.62)\n      );\n  }\n\n\n  \/* ========================================\n     ICONS\n  ======================================== *\/\n\n  .ps-dispenser__icon {\n    position: relative;\n\n    display: grid;\n\n    width: 40px;\n    height: 40px;\n\n    flex: 0 0 40px;\n\n    place-items: center;\n\n    border:\n      1px solid rgba(24, 207, 229, 0.24);\n\n    border-radius: 11px;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(24, 207, 229, 0.11),\n        rgba(22, 135, 202, 0.04)\n      );\n\n    color: var(--ps-cyan);\n\n    font-size: 16px;\n    font-weight: 900;\n\n    box-shadow:\n      0 0 16px rgba(24, 207, 229, 0.045);\n\n    animation:\n      psIconFloat 2.8s ease-in-out infinite;\n  }\n\n\n  .ps-dispenser__benefit:nth-child(2)\n  .ps-dispenser__icon {\n    animation-delay: 0.3s;\n  }\n\n  .ps-dispenser__benefit:nth-child(3)\n  .ps-dispenser__icon {\n    animation-delay: 0.6s;\n  }\n\n  .ps-dispenser__benefit:nth-child(4)\n  .ps-dispenser__icon {\n    animation-delay: 0.9s;\n  }\n\n  .ps-dispenser__benefit:nth-child(5)\n  .ps-dispenser__icon {\n    animation-delay: 1.2s;\n  }\n\n\n  \/* ========================================\n     BENEFIT TEXT\n  ======================================== *\/\n\n  .ps-dispenser__benefit-copy {\n    min-width: 0;\n\n    flex: 1;\n  }\n\n\n  .ps-dispenser__benefit-title {\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: #ffffff;\n\n    font-size: 12.5px;\n    font-weight: 850;\n\n    line-height: 1.25;\n  }\n\n\n  .ps-dispenser__benefit-text {\n    display: block;\n\n    color: #98a2ad;\n\n    font-size: 10.5px;\n    font-weight: 500;\n\n    line-height: 1.48;\n  }\n\n\n  \/* ========================================\n     USE CASES\n  ======================================== *\/\n\n  .ps-dispenser__use {\n    margin-top: 22px;\n\n    animation:\n      psFadeUp 0.6s 0.62s ease both;\n  }\n\n\n  .ps-dispenser__use-title {\n    margin: 0 0 10px;\n\n    color: #ffffff;\n\n    font-size: 11px;\n    font-weight: 850;\n  }\n\n\n  .ps-dispenser__chips {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 7px;\n  }\n\n\n  .ps-dispenser__chip {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 5px;\n\n    padding: 7px 10px;\n\n    border:\n      1px solid rgba(24, 207, 229, 0.13);\n\n    border-radius: 999px;\n\n    background:\n      rgba(255, 255, 255, 0.025);\n\n    color: #bac3cc;\n\n    font-size: 9px;\n    font-weight: 700;\n\n    transition:\n      transform 0.2s ease,\n      color 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n\n  .ps-dispenser__chip:hover {\n    transform:\n      translateY(-2px);\n\n    color: #ffffff;\n\n    border-color:\n      rgba(24, 207, 229, 0.35);\n  }\n\n\n  .ps-dispenser__chip::before {\n    content: \"✓\";\n\n    color: var(--ps-cyan);\n\n    font-size: 8px;\n    font-weight: 900;\n  }\n\n\n  \/* ========================================\n     COLOURFUL BOTTOM CONVERSION BLOCK\n  ======================================== *\/\n\n  .ps-dispenser__closing {\n    position: relative;\n\n    margin-top: 22px;\n\n    padding: 18px 14px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(255, 255, 255, 0.11);\n\n    border-radius: 15px;\n\n    background:\n      radial-gradient(\n        circle at 0% 0%,\n        rgba(255, 182, 47, 0.14),\n        transparent 34%\n      ),\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(255, 125, 191, 0.11),\n        transparent 34%\n      ),\n      radial-gradient(\n        circle at 100% 100%,\n        rgba(24, 207, 229, 0.15),\n        transparent 38%\n      ),\n      linear-gradient(\n        135deg,\n        #0d1116,\n        #080b10\n      );\n\n    text-align: center;\n\n    box-shadow:\n      0 10px 28px rgba(0, 0, 0, 0.20),\n      inset 0 1px 0 rgba(255, 255, 255, 0.04);\n\n    animation:\n      psFadeUp 0.62s 0.70s ease both;\n  }\n\n\n  .ps-dispenser__closing::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: -45%;\n    top: 0;\n\n    width: 28%;\n    height: 100%;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(255, 255, 255, 0.08),\n        transparent\n      );\n\n    transform:\n      skewX(-18deg);\n\n    animation:\n      psClosingSweep 5s ease-in-out infinite;\n  }\n\n\n  .ps-dispenser__closing::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 12%;\n    right: 12%;\n    bottom: 0;\n\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        #ffb62f,\n        #ff7dbf,\n        #74e8eb,\n        #18cfe5,\n        transparent\n      );\n\n    background-size: 200% 100%;\n\n    animation:\n      psBottomLine 4s linear infinite;\n  }\n\n\n  @keyframes psBottomLine {\n    from {\n      background-position: 0% 50%;\n    }\n\n    to {\n      background-position: 200% 50%;\n    }\n  }\n\n\n  .ps-dispenser__closing-title {\n    position: relative;\n\n    z-index: 2;\n\n    display: block;\n\n    margin: 0;\n\n    font-size: 14px;\n    font-weight: 900;\n\n    line-height: 1.3;\n\n    letter-spacing: -0.015em;\n  }\n\n\n  .ps-dispenser__closing-title-primary {\n    color: #ffffff;\n  }\n\n\n  .ps-dispenser__closing-title-color {\n    display: inline-block;\n\n    background:\n      linear-gradient(\n        90deg,\n        #ffb62f 0%,\n        #ff7dbf 30%,\n        #74e8eb 65%,\n        #18cfe5 100%\n      );\n\n    background-size: 200% 100%;\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    color: transparent;\n\n    animation:\n      psClosingTitleGradient 5s linear infinite;\n  }\n\n\n  @keyframes psClosingTitleGradient {\n    from {\n      background-position: 0% 50%;\n    }\n\n    to {\n      background-position: 200% 50%;\n    }\n  }\n\n\n  .ps-dispenser__closing-text {\n    position: relative;\n\n    z-index: 2;\n\n    display: block;\n\n    margin-top: 6px;\n\n    color: #a6afb8;\n\n    font-size: 10.5px;\n\n    line-height: 1.5;\n  }\n\n\n  .ps-dispenser__closing-badges {\n    position: relative;\n\n    z-index: 2;\n\n    display: flex;\n\n    justify-content: center;\n\n    flex-wrap: wrap;\n\n    gap: 6px;\n\n    margin-top: 12px;\n  }\n\n\n  .ps-dispenser__closing-badge {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 4px;\n\n    padding: 6px 9px;\n\n    border-radius: 999px;\n\n    background:\n      rgba(255, 255, 255, 0.035);\n\n    color: #d1d7dd;\n\n    font-size: 8px;\n    font-weight: 750;\n\n    transition:\n      transform 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n\n  .ps-dispenser__closing-badge:nth-child(1) {\n    border:\n      1px solid rgba(255, 182, 47, 0.25);\n  }\n\n\n  .ps-dispenser__closing-badge:nth-child(2) {\n    border:\n      1px solid rgba(255, 125, 191, 0.22);\n  }\n\n\n  .ps-dispenser__closing-badge:nth-child(3) {\n    border:\n      1px solid rgba(24, 207, 229, 0.26);\n  }\n\n\n  .ps-dispenser__closing-badge:hover {\n    transform:\n      translateY(-2px);\n  }\n\n\n  .ps-dispenser__closing-badge::before {\n    content: \"✓\";\n\n    font-weight: 900;\n  }\n\n\n  .ps-dispenser__closing-badge:nth-child(1)::before {\n    color: #ffbe54;\n  }\n\n\n  .ps-dispenser__closing-badge:nth-child(2)::before {\n    color: #ff9dca;\n  }\n\n\n  .ps-dispenser__closing-badge:nth-child(3)::before {\n    color: #68e5ef;\n  }\n\n\n  \/* ========================================\n     ANIMATIONS\n  ======================================== *\/\n\n  @keyframes psFadeUp {\n    from {\n      opacity: 0;\n\n      transform:\n        translateY(14px);\n    }\n\n    to {\n      opacity: 1;\n\n      transform:\n        translateY(0);\n    }\n  }\n\n\n  @keyframes psCardIn {\n    from {\n      opacity: 0;\n\n      transform:\n        translateY(12px)\n        scale(0.985);\n    }\n\n    to {\n      opacity: 1;\n\n      transform:\n        translateY(0)\n        scale(1);\n    }\n  }\n\n\n  @keyframes psDotPulse {\n    0% {\n      box-shadow:\n        0 0 0 0 rgba(24, 207, 229, 0.38),\n        0 0 8px rgba(24, 207, 229, 0.72);\n    }\n\n    70% {\n      box-shadow:\n        0 0 0 7px rgba(24, 207, 229, 0),\n        0 0 12px rgba(24, 207, 229, 0.88);\n    }\n\n    100% {\n      box-shadow:\n        0 0 0 0 rgba(24, 207, 229, 0),\n        0 0 8px rgba(24, 207, 229, 0.65);\n    }\n  }\n\n\n  @keyframes psIconFloat {\n    0%,\n    100% {\n      transform:\n        translateY(0);\n    }\n\n    50% {\n      transform:\n        translateY(-2px);\n    }\n  }\n\n\n  @keyframes psClosingSweep {\n    0%,\n    70% {\n      left: -45%;\n    }\n\n    100% {\n      left: 130%;\n    }\n  }\n\n\n  \/* ========================================\n     MOBILE\n  ======================================== *\/\n\n  @media screen and (max-width: 749px) {\n\n    .ps-dispenser {\n      margin: 14px 0;\n\n      padding:\n        24px 14px 20px;\n\n      border-radius: 18px;\n    }\n\n\n    .ps-dispenser__title {\n      font-size: 30px;\n    }\n\n\n    .ps-dispenser__intro {\n      font-size: 12px;\n    }\n\n\n    .ps-dispenser__quick {\n      gap: 6px;\n\n      margin-top: 17px;\n    }\n\n\n    .ps-dispenser__quick-item {\n      padding: 11px 5px;\n    }\n\n\n    .ps-dispenser__quick-number {\n      font-size: 18px;\n    }\n\n\n    .ps-dispenser__quick-label {\n      font-size: 7.5px;\n    }\n\n\n    .ps-dispenser__benefits {\n      gap: 8px;\n\n      margin-top: 18px;\n    }\n\n\n    .ps-dispenser__benefit {\n      padding: 12px;\n\n      gap: 10px;\n    }\n\n\n    .ps-dispenser__icon {\n      width: 38px;\n      height: 38px;\n\n      flex-basis: 38px;\n    }\n\n\n    .ps-dispenser__benefit-title {\n      font-size: 12px;\n    }\n\n\n    .ps-dispenser__benefit-text {\n      font-size: 10px;\n    }\n\n\n    .ps-dispenser__closing {\n      padding:\n        16px 12px;\n    }\n  }\n\n\n  @media screen and (max-width: 360px) {\n\n    .ps-dispenser {\n      padding-left: 11px;\n      padding-right: 11px;\n    }\n\n\n    .ps-dispenser__title {\n      font-size: 27px;\n    }\n\n\n    .ps-dispenser__quick {\n      gap: 5px;\n    }\n\n\n    .ps-dispenser__quick-label {\n      font-size: 7px;\n    }\n\n\n    .ps-dispenser__benefit {\n      gap: 9px;\n\n      padding:\n        11px 10px;\n    }\n\n\n    .ps-dispenser__icon {\n      width: 35px;\n      height: 35px;\n\n      flex-basis: 35px;\n    }\n  }\n\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .ps-dispenser *,\n    .ps-dispenser *::before,\n    .ps-dispenser *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003csection class=\"ps-dispenser\"\u003e\n\n  \u003cspan class=\"ps-dispenser__orb\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n\n  \u003cdiv class=\"ps-dispenser__inner\"\u003e\n\n\n    \u003c!-- TOP LABEL --\u003e\n\n    \u003cdiv class=\"ps-dispenser__eyebrow\"\u003e\n\n      \u003cspan class=\"ps-dispenser__dot\"\u003e\u003c\/span\u003e\n\n      Nutrition Made Convenient\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- COLOURFUL TITLE --\u003e\n\n    \u003ch2 class=\"ps-dispenser__title\"\u003e\n\n      \u003cspan class=\"ps-dispenser__title-gradient\"\u003e\n        Your Nutrition.\n      \u003c\/span\u003e\n\n      \u003cbr\u003e\n\n      \u003cspan class=\"ps-dispenser__title-gradient\"\u003e\n        Ready Anywhere.\n      \u003c\/span\u003e\n\n    \u003c\/h2\u003e\n\n\n    \u003c!-- INTRO --\u003e\n\n    \u003cp class=\"ps-dispenser__intro\"\u003e\n\n      No more forgotten supplements,\n      messy packets or carrying full tubs around.\n\n      \u003cstrong\u003e\n        Pre-portion what you need\n      \u003c\/strong\u003e\n\n      and take it wherever your day goes.\n\n    \u003c\/p\u003e\n\n\n    \u003c!-- QUICK BENEFITS --\u003e\n\n    \u003cdiv class=\"ps-dispenser__quick\"\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__quick-item\"\u003e\n\n        \u003cspan class=\"ps-dispenser__quick-number\"\u003e\n          3\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__quick-label\"\u003e\n          Separate Layers\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__quick-item\"\u003e\n\n        \u003cspan class=\"ps-dispenser__quick-number\"\u003e\n          0\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__quick-label\"\u003e\n          Mixed Powders\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__quick-item\"\u003e\n\n        \u003cspan class=\"ps-dispenser__quick-number\"\u003e\n          1\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__quick-label\"\u003e\n          Compact System\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BENEFITS --\u003e\n\n    \u003cdiv class=\"ps-dispenser__benefits\"\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__benefit\"\u003e\n\n        \u003cdiv class=\"ps-dispenser__icon\"\u003e\n          3\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-dispenser__benefit-copy\"\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-title\"\u003e\n            Keep Everything Separate\n          \u003c\/span\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-text\"\u003e\n            Carry protein, pre-workout, creatine or snacks\n            in three individual compartments.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__benefit\"\u003e\n\n        \u003cdiv class=\"ps-dispenser__icon\"\u003e\n          ✓\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-dispenser__benefit-copy\"\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-title\"\u003e\n            Pre-Portion \u0026amp; Go\n          \u003c\/span\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-text\"\u003e\n            Prepare your servings beforehand — no scoops,\n            guessing or loose powder in your bag.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__benefit\"\u003e\n\n        \u003cdiv class=\"ps-dispenser__icon\"\u003e\n          ↕\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-dispenser__benefit-copy\"\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-title\"\u003e\n            Use 1, 2 or All 3 Layers\n          \u003c\/span\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-text\"\u003e\n            Take only what you need or stack all three\n            compartments into one compact system.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__benefit\"\u003e\n\n        \u003cdiv class=\"ps-dispenser__icon\"\u003e\n          ⛓\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-dispenser__benefit-copy\"\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-title\"\u003e\n            Clip It. Take It Anywhere.\n          \u003c\/span\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-text\"\u003e\n            Attach it to your gym bag, backpack, belt\n            or keys and keep your nutrition close.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__benefit\"\u003e\n\n        \u003cdiv class=\"ps-dispenser__icon\"\u003e\n          ◇\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-dispenser__benefit-copy\"\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-title\"\u003e\n            Built for Everyday Life\n          \u003c\/span\u003e\n\n          \u003cspan class=\"ps-dispenser__benefit-text\"\u003e\n            Compact, practical and easy to carry whether\n            you're training, working or travelling.\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- USE CASES --\u003e\n\n    \u003cdiv class=\"ps-dispenser__use\"\u003e\n\n      \u003cp class=\"ps-dispenser__use-title\"\u003e\n        Ready for wherever you're going\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ps-dispenser__chips\"\u003e\n\n        \u003cspan class=\"ps-dispenser__chip\"\u003e\n          Gym\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__chip\"\u003e\n          Work\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__chip\"\u003e\n          Travel\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__chip\"\u003e\n          Hiking\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__chip\"\u003e\n          Meal Prep\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- COLOURFUL BOTTOM --\u003e\n\n    \u003cdiv class=\"ps-dispenser__closing\"\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__closing-title\"\u003e\n\n        \u003cspan class=\"ps-dispenser__closing-title-primary\"\u003e\n          Stay prepared.\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__closing-title-color\"\u003e\n          Stay consistent.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cspan class=\"ps-dispenser__closing-text\"\u003e\n\n        Your supplements ready when you need them —\n        without carrying full tubs around.\n\n      \u003c\/span\u003e\n\n\n      \u003cdiv class=\"ps-dispenser__closing-badges\"\u003e\n\n        \u003cspan class=\"ps-dispenser__closing-badge\"\u003e\n          Less Mess\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__closing-badge\"\u003e\n          Easy to Carry\n        \u003c\/span\u003e\n\n        \u003cspan class=\"ps-dispenser__closing-badge\"\u003e\n          Ready to Go\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"PrimeShift","offers":[{"title":"Blue","offer_id":44961575665753,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Yellow","offer_id":44961575698521,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":44961575731289,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0751\/9449\/9161\/files\/pdb1.avif?v=1790238295","url":"https:\/\/primeshift.co.za\/products\/primeshift-3-layer-protein-powder-dispenser","provider":"PrimeShift","version":"1.0","type":"link"}