{"product_id":"grvt™-all-day-bottle","title":"GRVT™ All Day Bottle","description":"\u003csection class=\"grvt-premium\"\u003e\n\n\u003cstyle\u003e\n\/* =========================================================\n   GRVT™ PREMIUM MOBILE-FIRST PRODUCT SECTION\n   ========================================================= *\/\n\n.grvt-premium {\n  --black: #050505;\n  --black-2: #0a0a0a;\n  --black-3: #111111;\n\n  --gold: #c7922f;\n  --gold-light: #e4bd68;\n\n  --white: #f5f5f3;\n  --text: #c2c2c2;\n  --text-light: #dedede;\n  --muted: #a5a5a5;\n\n  --line: rgba(255,255,255,.12);\n\n  width: 100%;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(199,146,47,.11),\n      transparent 32%\n    ),\n    linear-gradient(\n      180deg,\n      #050505 0%,\n      #080808 50%,\n      #050505 100%\n    );\n\n  color: var(--white);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n  position: relative;\n}\n\n.grvt-premium *,\n.grvt-premium *::before,\n.grvt-premium *::after {\n  box-sizing: border-box;\n}\n\n.grvt-wrap {\n  width: min(1120px, calc(100% - 32px));\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.grvt-hero {\n  text-align: center;\n\n  padding:\n    62px 0\n    48px;\n\n  max-width: 850px;\n  margin: auto;\n}\n\n.grvt-kicker {\n  color: var(--gold-light);\n\n  font-size: 10px;\n  font-weight: 800;\n\n  letter-spacing: 3px;\n  text-transform: uppercase;\n\n  margin-bottom: 20px;\n}\n\n.grvt-hero h1 {\n  margin: 0;\n\n  font-size:\n    clamp(48px, 10vw, 88px);\n\n  line-height: .94;\n\n  letter-spacing: -3px;\n\n  font-weight: 900;\n\n  color: var(--white);\n}\n\n.grvt-gold {\n  background:\n    linear-gradient(\n      110deg,\n      #ad741c,\n      #f0ce77,\n      #c18a28,\n      #e9c36a\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n\n  background-size: 200% auto;\n\n  animation:\n    grvtGold 7s ease-in-out infinite;\n}\n\n.grvt-hero-description {\n  max-width: 650px;\n\n  margin:\n    22px auto\n    0;\n\n  color: var(--text);\n\n  font-size:\n    clamp(15px, 2vw, 18px);\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   STATS\n   ========================================================= *\/\n\n.grvt-stats {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  border-top:\n    1px solid var(--line);\n\n  border-bottom:\n    1px solid var(--line);\n}\n\n.grvt-stat {\n  padding:\n    22px 10px;\n\n  text-align: center;\n\n  position: relative;\n}\n\n.grvt-stat:not(:last-child)::after {\n  content: \"\";\n\n  position: absolute;\n\n  right: 0;\n  top: 25%;\n\n  width: 1px;\n  height: 50%;\n\n  background:\n    var(--line);\n}\n\n.grvt-stat strong {\n  display: block;\n\n  color: var(--text-light);\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  letter-spacing: 1px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 5px;\n}\n\n.grvt-stat span {\n  display: block;\n\n  color: var(--muted);\n\n  font-size: 11px;\n}\n\n\n\/* =========================================================\n   SECTION INTRO\n   ========================================================= *\/\n\n.grvt-intro {\n  text-align: center;\n\n  max-width: 700px;\n\n  margin:\n    68px auto\n    32px;\n}\n\n.grvt-intro-label {\n  color: var(--gold-light);\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: 3px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 13px;\n}\n\n.grvt-intro h2 {\n  margin: 0;\n\n  color: var(--white);\n\n  font-size:\n    clamp(32px, 7vw, 55px);\n\n  line-height: 1;\n\n  letter-spacing: -2px;\n}\n\n.grvt-intro p {\n  color: var(--text);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n  margin:\n    17px auto\n    0;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.grvt-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap: 12px;\n\n  max-width: 1000px;\n\n  margin: 0 auto;\n}\n\n.grvt-card {\n  position: relative;\n\n  padding:\n    27px 24px;\n\n  min-height: 205px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.025)\n    );\n\n  overflow: hidden;\n\n  opacity: 0;\n\n  transform:\n    translateY(20px);\n\n  transition:\n    opacity .6s ease,\n    transform .6s ease,\n    border-color .35s ease,\n    background .35s ease;\n}\n\n.grvt-card.visible {\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n.grvt-card:hover {\n  border-color:\n    rgba(199,146,47,.38);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(199,146,47,.09),\n      rgba(255,255,255,.025)\n    );\n\n  transform:\n    translateY(-5px);\n}\n\n.grvt-card-number {\n  color:\n    var(--gold-light);\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  margin-bottom: 25px;\n}\n\n.grvt-card h3 {\n  color:\n    var(--white);\n\n  margin:\n    0 0\n    9px;\n\n  font-size:\n    clamp(19px, 3vw, 24px);\n\n  line-height: 1.1;\n\n  letter-spacing: -.5px;\n}\n\n.grvt-card p {\n  color:\n    var(--text);\n\n  margin: 0;\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   LIFESTYLE\n   ========================================================= *\/\n\n.grvt-lifestyle {\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 60px;\n\n  align-items: center;\n\n  max-width: 1080px;\n\n  margin:\n    75px auto\n    78px;\n}\n\n.grvt-lifestyle-label {\n  color:\n    var(--gold-light);\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: 3px;\n\n  text-transform: uppercase;\n}\n\n.grvt-lifestyle h2 {\n  color:\n    var(--white);\n\n  margin:\n    14px 0\n    18px;\n\n  font-size:\n    clamp(35px, 5vw, 58px);\n\n  line-height: .98;\n\n  letter-spacing: -2.5px;\n}\n\n.grvt-lifestyle-copy {\n  color:\n    var(--text);\n\n  margin: 0;\n\n  font-size: 15px;\n\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   TIMELINE\n   ========================================================= *\/\n\n.grvt-timeline {\n  border-left:\n    1px solid\n    rgba(199,146,47,.45);\n\n  padding-left: 26px;\n}\n\n.grvt-time {\n  position: relative;\n\n  padding-bottom:\n    25px;\n}\n\n.grvt-time:last-child {\n  padding-bottom: 0;\n}\n\n.grvt-time::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  left: -31px;\n  top: 3px;\n\n  background:\n    var(--gold);\n\n  box-shadow:\n    0 0 13px\n    rgba(199,146,47,.55);\n}\n\n.grvt-time strong {\n  display: block;\n\n  color:\n    var(--gold-light);\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.8px;\n\n  margin-bottom: 5px;\n}\n\n.grvt-time h4 {\n  color:\n    var(--white);\n\n  margin:\n    0 0\n    4px;\n\n  font-size: 17px;\n}\n\n.grvt-time p {\n  color:\n    var(--text);\n\n  margin: 0;\n\n  font-size: 12px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BRAND STATEMENT\n   ========================================================= *\/\n\n.grvt-statement {\n  max-width: 1000px;\n\n  margin:\n    0 auto\n    65px;\n\n  padding:\n    52px 22px;\n\n  text-align: center;\n\n  border-radius: 22px;\n\n  border:\n    1px solid\n    rgba(199,146,47,.18);\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(199,146,47,.13),\n      transparent 60%\n    ),\n    rgba(255,255,255,.018);\n}\n\n.grvt-statement h2 {\n  margin: 0;\n\n  color:\n    var(--white);\n\n  font-size:\n    clamp(34px, 7vw, 65px);\n\n  line-height: .98;\n\n  letter-spacing: -2.5px;\n}\n\n.grvt-statement p {\n  max-width: 530px;\n\n  margin:\n    18px auto\n    0;\n\n  color:\n    var(--text);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   ENDING\n   ========================================================= *\/\n\n.grvt-ending {\n  text-align: center;\n\n  padding:\n    0 0\n    70px;\n}\n\n.grvt-ending h3 {\n  margin: 0;\n\n  color:\n    var(--white);\n\n  font-size:\n    clamp(27px, 5vw, 42px);\n\n  letter-spacing: -1px;\n}\n\n.grvt-ending p {\n  color:\n    var(--text);\n\n  margin:\n    9px 0\n    0;\n\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   GOLD ANIMATION\n   ========================================================= *\/\n\n@keyframes grvtGold {\n\n  0% {\n    background-position: 0% center;\n  }\n\n  50% {\n    background-position: 100% center;\n  }\n\n  100% {\n    background-position: 0% center;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET \/ DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 601px) {\n\n  .grvt-wrap {\n    width:\n      min(\n        1120px,\n        calc(100% - 50px)\n      );\n  }\n\n  .grvt-hero {\n    padding-top: 90px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .grvt-wrap {\n    width:\n      calc(100% - 28px);\n  }\n\n  .grvt-hero {\n    padding:\n      58px 0\n      42px;\n  }\n\n  .grvt-hero h1 {\n    font-size:\n      clamp(46px, 14vw, 68px);\n\n    letter-spacing:\n      -3px;\n  }\n\n  .grvt-hero-description {\n    font-size: 14px;\n\n    line-height: 1.7;\n\n    margin-top: 19px;\n  }\n\n  .grvt-stats {\n    margin-left: -14px;\n    margin-right: -14px;\n  }\n\n  .grvt-stat {\n    padding:\n      18px 5px;\n  }\n\n  .grvt-stat strong {\n    font-size: 9px;\n  }\n\n  .grvt-stat span {\n    font-size: 9px;\n\n    color:\n      #999;\n  }\n\n  .grvt-intro {\n    margin:\n      60px auto\n      27px;\n  }\n\n  .grvt-intro h2 {\n    font-size: 35px;\n  }\n\n  .grvt-intro p {\n    font-size: 13px;\n  }\n\n  .grvt-benefits {\n    grid-template-columns: 1fr;\n\n    gap: 9px;\n  }\n\n  .grvt-card {\n    min-height: auto;\n\n    padding:\n      25px 22px;\n  }\n\n  .grvt-card-number {\n    margin-bottom:\n      20px;\n  }\n\n  .grvt-card h3 {\n    font-size: 21px;\n  }\n\n  .grvt-card p {\n    font-size: 13px;\n\n    color:\n      #bcbcbc;\n  }\n\n  .grvt-lifestyle {\n    grid-template-columns: 1fr;\n\n    gap: 38px;\n\n    margin:\n      68px auto\n      65px;\n  }\n\n  .grvt-lifestyle h2 {\n    font-size: 39px;\n\n    letter-spacing:\n      -2px;\n  }\n\n  .grvt-lifestyle-copy {\n    font-size:\n      14px;\n\n    color:\n      #bcbcbc;\n  }\n\n  .grvt-timeline {\n    padding-left:\n      23px;\n  }\n\n  .grvt-time::before {\n    left:\n      -28px;\n  }\n\n  .grvt-time strong {\n    font-size:\n      9px;\n  }\n\n  .grvt-time h4 {\n    font-size:\n      16px;\n  }\n\n  .grvt-time p {\n    font-size:\n      12px;\n\n    color:\n      #b5b5b5;\n  }\n\n  .grvt-statement {\n    margin-bottom:\n      60px;\n\n    padding:\n      48px 18px;\n\n    border-radius:\n      20px;\n  }\n\n  .grvt-statement h2 {\n    font-size:\n      42px;\n\n    letter-spacing:\n      -2px;\n  }\n\n  .grvt-statement p {\n    font-size:\n      13px;\n\n    color:\n      #bcbcbc;\n  }\n\n  .grvt-ending {\n    padding-bottom:\n      55px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .grvt-premium *,\n  .grvt-premium *::before,\n  .grvt-premium *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"grvt-wrap\"\u003e\n\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"grvt-hero\"\u003e\n\n    \u003cdiv class=\"grvt-kicker\"\u003e\n      GRVT™ PERFORMANCE ESSENTIALS\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      Your Drink.\u003cbr\u003e\n      \u003cspan class=\"grvt-gold\"\u003e\n        Your Rules.\n      \u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"grvt-hero-description\"\u003e\n      Meet the GRVT™ All Day Bottle.\n      Designed for training, work, travel and everything\n      in between. One bottle built around your entire day.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- QUICK BENEFITS --\u003e\n\n  \u003cdiv class=\"grvt-stats\"\u003e\n\n    \u003cdiv class=\"grvt-stat\"\u003e\n      \u003cstrong\u003eCold\u003c\/strong\u003e\n      \u003cspan\u003eRefreshing when you need it\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grvt-stat\"\u003e\n      \u003cstrong\u003eHot\u003c\/strong\u003e\n      \u003cspan\u003eWarm when you want it\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grvt-stat\"\u003e\n      \u003cstrong\u003eAll Day\u003c\/strong\u003e\n      \u003cspan\u003eMade for your routine\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTRO --\u003e\n\n  \u003cdiv class=\"grvt-intro\"\u003e\n\n    \u003cdiv class=\"grvt-intro-label\"\u003e\n      WHY GRVT™\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      One bottle.\u003cbr\u003e\n      \u003cspan class=\"grvt-gold\"\u003e\n        Everything you do.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Your day doesn't happen in one place.\n      Your bottle shouldn't be designed for just one either.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n\n  \u003cdiv class=\"grvt-benefits\"\u003e\n\n    \u003cdiv class=\"grvt-card\"\u003e\n\n      \u003cdiv class=\"grvt-card-number\"\u003e\n        01 \/ TEMPERATURE\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Cold when you need it.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Keep your water refreshing throughout your\n        training session, commute and the hours that follow.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"grvt-card\"\u003e\n\n      \u003cdiv class=\"grvt-card-number\"\u003e\n        02 \/ HOT DRINKS\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Hot when you want it.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Bring your coffee or favourite hot drink\n        with you instead of settling for lukewarm.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"grvt-card\"\u003e\n\n      \u003cdiv class=\"grvt-card-number\"\u003e\n        03 \/ INSULATION\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Less condensation.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Double-wall insulation helps reduce condensation,\n        keeping your hands, desk and bag drier.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"grvt-card\"\u003e\n\n      \u003cdiv class=\"grvt-card-number\"\u003e\n        04 \/ EVERYDAY\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Made to keep up.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        From the gym floor to the office desk,\n        GRVT™ fits naturally into your everyday routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- LIFESTYLE --\u003e\n\n  \u003cdiv class=\"grvt-lifestyle\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cdiv class=\"grvt-lifestyle-label\"\u003e\n        ONE BOTTLE. ALL DAY.\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Built around\n        \u003cspan class=\"grvt-gold\"\u003e\n          your day.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"grvt-lifestyle-copy\"\u003e\n        You don't stop moving because the workout ends.\n        GRVT™ was designed to follow you from the first\n        part of your day to the last.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- TIMELINE --\u003e\n\n    \u003cdiv class=\"grvt-timeline\"\u003e\n\n      \u003cdiv class=\"grvt-time\"\u003e\n\n        \u003cstrong\u003e\n          06:00 — MORNING\n        \u003c\/strong\u003e\n\n        \u003ch4\u003e\n          Start strong.\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Water for your morning routine or your first session.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"grvt-time\"\u003e\n\n        \u003cstrong\u003e\n          10:00 — WORK \/ CAMPUS\n        \u003c\/strong\u003e\n\n        \u003ch4\u003e\n          Keep moving.\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Your drink comes with you wherever the day goes.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"grvt-time\"\u003e\n\n        \u003cstrong\u003e\n          17:00 — TRAINING\n        \u003c\/strong\u003e\n\n        \u003ch4\u003e\n          Back at it.\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Refuel and keep pushing through your session.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"grvt-time\"\u003e\n\n        \u003cstrong\u003e\n          20:00 — WIND DOWN\n        \u003c\/strong\u003e\n\n        \u003ch4\u003e\n          Still with you.\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          One bottle. One day. No need to switch.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BRAND STATEMENT --\u003e\n\n  \u003cdiv class=\"grvt-statement\"\u003e\n\n    \u003ch2\u003e\n      People who don't stop\n      \u003cbr\u003e\n\n      \u003cspan class=\"grvt-gold\"\u003e\n        need gear that doesn't.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      GRVT™ Performance Essentials.\n      Purpose-built essentials for the pace of everyday life.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CLEAN END --\u003e\n\n  \u003cdiv class=\"grvt-ending\"\u003e\n\n    \u003ch3\u003e\n      Your day. Your drink.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      GRVT™ — Performance Essentials.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function () {\n\n    const cards =\n      document.querySelectorAll(\n        \".grvt-premium .grvt-card\"\n      );\n\n    if (!cards.length) return;\n\n    const observer =\n      new IntersectionObserver(\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              if (\n                !entry.isIntersecting\n              ) return;\n\n              const card =\n                entry.target;\n\n              const index =\n                Array\n                  .from(cards)\n                  .indexOf(card);\n\n              setTimeout(\n                function() {\n\n                  card.classList.add(\n                    \"visible\"\n                  );\n\n                },\n                index * 90\n              );\n\n              observer.unobserve(card);\n\n            }\n          );\n\n        },\n        {\n          threshold: 0.1\n        }\n      );\n\n    cards.forEach(\n      function(card) {\n        observer.observe(card);\n      }\n    );\n\n  }\n);\n\n\u003c\/script\u003e\n\n\u003c\/section\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":57394753569148,"sku":null,"price":549.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0965\/3885\/3756\/files\/Screenshot_2026-09-26_203411.png?v=1790452430","url":"https:\/\/grvt.co.za\/products\/grvt%e2%84%a2-all-day-bottle","provider":" GRVT™","version":"1.0","type":"link"}