thehydrojug

<div class="hj-warranty"><div class="hj-card"><div class="hj-header"><p class="hj-lede">Quick reference for bottle sizes and volume.</p></div><div class="hj-section"><h2 id="traveler">Traveler</h2><ul><li><span><strong>40 oz</strong> &#x2014; 4&quot; &#xD7; 6&quot; &#xD7; 9.84&quot;</span></li><li><span><strong>32 oz</strong> &#x2014; 3.78&quot; &#xD7; 5.4&quot; &#xD7; 9.3&quot;</span></li><li><span><strong>20 oz</strong> &#x2014; 3.4&quot; &#xD7; 4.78&quot; &#xD7; 7.2&quot;</span></li></ul></div><div class="hj-section"><h2 id="sport">Sport</h2><ul><li id="isPasted"><strong>14 oz</strong> &#x2014; 3.7&quot; &#xD7; 3.7&quot; &#xD7; 6.87&quot;</li><li id="isPasted"><strong>20 oz</strong> &#x2014; 4&quot; &#xD7; 4&quot; &#xD7; 9&quot;</li><li><span><strong>32 oz</strong> &#x2014; 4.5&quot; &#xD7; 4.5&quot; &#xD7; 10&quot;</span></li><li id="isPasted"><strong>40 oz</strong> &#x2014; 4.8&quot; &#xD7; 4.8&quot; &#xD7; 10.8&quot;</li><li><span><strong>64 oz</strong> &#x2014; 5.3&quot; &#xD7; 5.3&quot; &#xD7; 11.41&quot; (&#x2248; 1.89 L)</span></li></ul></div><div class="hj-section"><h2 id="everyday-tumbler">Everyday Tumbler</h2><ul><li id="isPasted"><strong>14 oz</strong> &#x2014; 3.5&quot; &#xD7; 3.5&quot; &#xD7; 7.25&quot;</li><li id="isPasted"><strong>20 oz</strong> &#x2014; 3.8&quot; &#xD7; 3.8&quot; &#xD7; 8.7&quot;</li></ul><p><span><br></span></p></div><div class="hj-section"><h2 id="pro-v2-hydrojug">Pro V2 HydroJug</h2><ul><li><span><strong>73 oz</strong> &#x2014; 5.4&quot; &#xD7; 5.4&quot; &#xD7; 11.22&quot; (&#x2248; 2.2 L)</span></li></ul></div><div class="hj-section"><h2 id="pro-straw-for-pro-v2">Pro Straw (for Pro V2)</h2><ul><li><span><strong>12&quot; (32 cm)&#xA0;</strong>assembled. Height adjustable via silicone base.</span></li></ul></div></div></div><style>
  /* ======== CRITICAL FIXES: neutralize host theme ======== */
  .hj-warranty * {
    all: revert;
    box-sizing: border-box;
  }

  .hj-warranty,
  .hj-warranty * {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    hyphens: auto;
  }

  /* Brand tokens */
  .hj-warranty {
    --hj-accent: rgb(var(--accent, 1 97 254));
    --hj-ink: rgb(var(--text-color, 85 85 85));
    --hj-bg: #fff;
    --hj-surface: rgb(var(--background-without-opacity, 239 239 239));
    --hj-border: rgb(var(--border-color, 216 216 216));
    --hj-btn: #0161FE;
    --hj-btn-text: rgb(var(--button-text-color, 255 255 255));
    --hj-muted: #6b7280;
    --hj-danger: #dc2626;
    --hj-success: #059669;
    --hj-radius: 14px;
    --hj-gap: 14px;
    color: var(--hj-ink);
    font: normal 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans";
  }

  /* ======== Structure ======== */
  .hj-warranty .hj-card {
    background: var(--hj-bg);
    border: 1px solid var(--hj-border);
    border-radius: var(--hj-radius);
    padding: clamp(16px, 2.5vw, 28px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
  }

  .hj-warranty h1 {
    margin: 0 0 6px 0;
    font-size: clamp(22px, 2.2vw, 30px);
    line-height: 1.25;
    font-weight: 800;
  }

  .hj-warranty .hj-lede { color: var(--hj-muted); }

  .hj-warranty .hj-section {
    border-top: 1px solid var(--hj-border);
    padding-top: 18px;
    margin-top: 18px;
  }

  .hj-warranty h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
    font-size: clamp(18px, 1.8vw, 22px);
    line-height: 1.3;
  }

  .hj-warranty .hj-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgb(1 97 254 / 0.10);
    color: var(--hj-accent);
    font-weight: 600;
    font-size: 14px;
  }

  /* ======== Lists: make them look like lists, not buttons ======== */
  .hj-warranty ul,
  .hj-warranty ol {
    margin: 10px 0 0 0;
    padding-left: 0;
    list-style: none;
    display: grid;
    gap: 6px;
  }

  .hj-warranty li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 0;                      /* remove “card” padding */
    border: 0;                       /* no box border */
    border-radius: 0;                /* no pill shape */
    background: transparent;         /* no filled background */
    line-height: 1.5;
  }

  /* custom bullet/marker */
  .hj-warranty li::before {
    content: "•";
    flex: 0 0 auto;
    margin-top: 2px;
    font-size: 18px;
    line-height: 1;
    color: var(--hj-muted);
  }

  .hj-warranty li .icon {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
  }

  .hj-warranty li > span {
    flex: 1 1 auto;
    display: block;
  }

  .hj-warranty .muted { color: var(--hj-muted); }

  /* ======== Callout ======== */
  .hj-warranty .hj-callout {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 14px;
    background: rgb(255 159 67 / 0.12);
    border: 1px solid rgb(255 159 67 / 0.3);
    border-radius: 12px;
    color: #7c2d12;
  }
  .hj-warranty .hj-callout .icon { flex: 0 0 24px; width: 24px; height: 24px; }

  /* ======== Buttons ======== */
  .hj-warranty .hj-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
  }

  .hj-warranty .hj-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 700;
    text-decoration: none;
    color: var(--hj-btn-text);
    background: var(--hj-btn);
    box-shadow: 0 1px 0 rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.25);
    transition: transform .04s ease, box-shadow .2s ease, opacity .2s ease;
  }

  .hj-warranty .hj-btn:hover { transform: translateY(-1px); }
  .hj-warranty .hj-btn:active { transform: translateY(0); opacity: .95; }

  .hj-warranty .hj-btn--ghost {
    background: #fff;
    color: var(--hj-accent);
    border-color: var(--hj-accent);
  }

  /* ======== Extra guard for theme that forces grid on inline elements ======== */
  .hj-warranty p,
  .hj-warranty a,
  .hj-warranty strong,
  .hj-warranty em,
  .hj-warranty span { display: inline; }
  .hj-warranty h1, .hj-warranty h2, .hj-warranty h3, .hj-warranty h4,
  .hj-warranty h5, .hj-warranty h6, .hj-warranty p { width: auto; }

  /* ======== Mobile tweaks ======== */
  @media (max-width: 480px) {
    .hj-warranty .hj-actions {
      flex-direction: column;
    }
    .hj-warranty .hj-btn {
      width: 100%;
      justify-content: center;
    }
  }
</style>

Quick reference for bottle sizes and volume.

Dimensions

Product Information

Key Features

HydroJug Releases

How do I track my order?

What is your shipping policy?

International Shipping

How do I cancel my order?

Do you offer refunds or exchanges?

Never Delivered

Store Pick Up

Shipping

How do I make a return?

Warranty

International Returns

Warranty & Returns

What are you wondering about Wholesale?

Wholesale

Didn't Answer Your Questions?

What Type Of Plastic Is Used In Your Products?

Can I Freeze My HydroJug?

Restocks

Other

Traveler

Sport

Everyday Tumbler

Pro V2 HydroJug

Pro Straw (for Pro V2)

DimensionsUpdated 2 months ago

Traveler

Sport

Everyday Tumbler

Pro V2 HydroJug

Pro Straw (for Pro V2)