thehydrojug

<div class="hj-warranty"><article class="hj-card" id="materials"><section><p>Our products use <strong>#2 HDPE</strong> and <strong>#5 PP</strong> plastics&#x2014;both are <strong>BPA-free</strong>. These are the same high-grade plastics commonly used for food containers and shaker bottles.</p><p>Many large water bottles use <strong>PETG</strong>, which is less durable and not dishwasher safe. We prioritize high-quality, durable materials. The HydroStraw is also made from <strong>BPA-free Polypropylene</strong>.</p></section></article></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>

Our products use #2 HDPE and #5 PP plastics—both are BPA-free. These are the same high-grade plastics commonly used for food containers and shaker bottles. Many large water bottles use PETG, which is less durable and not dishwasher safe. We prioritiz

What Type Of Plastic Is Used In Your Products?Updated a month ago