{"product_id":"pack-flat-collapsible-water-container-with-built-in-top-spigot","title":"Pack-Flat Collapsible Water Container with Built-In Top Spigot","description":"\u003cstyle\u003e\n  #fc-collapsible-water,\n  #fc-collapsible-water * {\n    box-sizing: border-box;\n  }\n\n  #fc-collapsible-water {\n    --fc-navy-900: #0d2135;\n    --fc-navy-800: #14324f;\n    --fc-blue: #1769d8;\n    --fc-blue-light: #eaf3ff;\n    --fc-text: #182532;\n    --fc-muted: #65717d;\n    --fc-border: #dfe5ea;\n    --fc-surface: #f5f7f9;\n    --fc-white: #ffffff;\n\n    width: 100%;\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 12px 0 20px;\n    color: var(--fc-text);\n    font-family: inherit;\n    line-height: 1.65;\n    overflow-wrap: anywhere;\n  }\n\n  #fc-collapsible-water h2,\n  #fc-collapsible-water h3,\n  #fc-collapsible-water p,\n  #fc-collapsible-water ul {\n    margin-top: 0;\n  }\n\n  #fc-collapsible-water h2,\n  #fc-collapsible-water h3 {\n    font-family: inherit;\n  }\n\n  \/* =========================\n     HERO\n  ========================= *\/\n\n  #fc-collapsible-water .fc-hero {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    margin-bottom: 20px;\n    padding: 54px 48px;\n    border-radius: 26px;\n    background:\n      radial-gradient(\n        circle at 88% 15%,\n        rgba(85, 160, 255, 0.28),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 74% 90%,\n        rgba(47, 122, 210, 0.18),\n        transparent 40%\n      ),\n      linear-gradient(\n        135deg,\n        #0b1d2e 0%,\n        #123351 55%,\n        #174b76 100%\n      );\n    color: #ffffff;\n  }\n\n  #fc-collapsible-water .fc-hero::after {\n    content: \"\";\n    position: absolute;\n    right: -90px;\n    bottom: -130px;\n    z-index: -1;\n    width: 340px;\n    height: 340px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 38px rgba(255, 255, 255, 0.025),\n      0 0 0 78px rgba(255, 255, 255, 0.018);\n  }\n\n  #fc-collapsible-water .fc-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 18px;\n    padding: 7px 13px;\n    border: 1px solid rgba(255, 255, 255, 0.22);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.08);\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 12px;\n    font-weight: 750;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n  }\n\n  #fc-collapsible-water .fc-eyebrow::before {\n    content: \"\";\n    flex: 0 0 auto;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #78b7ff;\n    box-shadow: 0 0 0 5px rgba(120, 183, 255, 0.13);\n  }\n\n  #fc-collapsible-water .fc-hero h2 {\n    max-width: 760px;\n    margin-bottom: 17px;\n    color: #ffffff;\n    font-size: clamp(38px, 5.4vw, 64px);\n    font-weight: 750;\n    line-height: 1.03;\n    letter-spacing: -0.045em;\n  }\n\n  #fc-collapsible-water .fc-hero-highlight {\n    color: #84bfff;\n  }\n\n  #fc-collapsible-water .fc-hero p {\n    max-width: 700px;\n    margin-bottom: 0;\n    color: rgba(255, 255, 255, 0.8);\n    font-size: 18px;\n    line-height: 1.68;\n  }\n\n  \/* =========================\n     INTRO\n  ========================= *\/\n\n  #fc-collapsible-water .fc-intro {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 30px;\n    align-items: center;\n    margin-bottom: 22px;\n    padding: 32px 34px;\n    border: 1px solid var(--fc-border);\n    border-radius: 20px;\n    background: var(--fc-white);\n  }\n\n  #fc-collapsible-water .fc-intro-copy p {\n    margin-bottom: 13px;\n    color: #3b4956;\n    font-size: 16px;\n  }\n\n  #fc-collapsible-water .fc-intro-copy p:last-child {\n    margin-bottom: 0;\n  }\n\n  #fc-collapsible-water .fc-intro-copy strong {\n    color: var(--fc-navy-900);\n  }\n\n  #fc-collapsible-water .fc-intro-badge {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    min-width: 150px;\n    min-height: 116px;\n    padding: 18px;\n    border-radius: 17px;\n    background: var(--fc-blue-light);\n    text-align: center;\n  }\n\n  #fc-collapsible-water .fc-intro-badge strong {\n    display: block;\n    color: var(--fc-blue);\n    font-size: 32px;\n    line-height: 1;\n    letter-spacing: -0.04em;\n  }\n\n  #fc-collapsible-water .fc-intro-badge span {\n    display: block;\n    margin-top: 9px;\n    color: #51677c;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.07em;\n    text-transform: uppercase;\n  }\n\n  \/* =========================\n     SHARED SECTION\n  ========================= *\/\n\n  #fc-collapsible-water .fc-section {\n    margin-top: 26px;\n  }\n\n  #fc-collapsible-water .fc-section-header {\n    max-width: 760px;\n    margin: 0 auto 20px;\n    text-align: center;\n  }\n\n  #fc-collapsible-water .fc-kicker {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--fc-blue);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  #fc-collapsible-water .fc-section-header h3 {\n    margin-bottom: 9px;\n    color: var(--fc-navy-900);\n    font-size: clamp(27px, 3.7vw, 40px);\n    font-weight: 730;\n    line-height: 1.13;\n    letter-spacing: -0.03em;\n  }\n\n  #fc-collapsible-water .fc-section-header p {\n    margin-bottom: 0;\n    color: var(--fc-muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  \/* =========================\n     FEATURE CARDS\n  ========================= *\/\n\n  #fc-collapsible-water .fc-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  #fc-collapsible-water .fc-feature-card {\n    min-width: 0;\n    padding: 25px 22px;\n    border: 1px solid var(--fc-border);\n    border-radius: 18px;\n    background: var(--fc-white);\n    box-shadow: 0 10px 32px rgba(13, 33, 53, 0.045);\n  }\n\n  #fc-collapsible-water .fc-feature-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 47px;\n    height: 47px;\n    margin-bottom: 17px;\n    border-radius: 14px;\n    background: var(--fc-blue-light);\n    color: var(--fc-blue);\n  }\n\n  #fc-collapsible-water .fc-feature-icon svg {\n    width: 25px;\n    height: 25px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #fc-collapsible-water .fc-feature-card h3 {\n    margin-bottom: 8px;\n    color: var(--fc-navy-900);\n    font-size: 19px;\n    font-weight: 720;\n    line-height: 1.3;\n  }\n\n  #fc-collapsible-water .fc-feature-card p {\n    margin-bottom: 0;\n    color: var(--fc-muted);\n    font-size: 14.5px;\n    line-height: 1.65;\n  }\n\n  \/* =========================\n     TOP SPIGOT SECTION\n  ========================= *\/\n\n  #fc-collapsible-water .fc-spigot {\n    display: grid;\n    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);\n    gap: 34px;\n    align-items: stretch;\n    margin-top: 26px;\n    padding: 34px;\n    border-radius: 22px;\n    background: var(--fc-surface);\n  }\n\n  #fc-collapsible-water .fc-spigot-visual {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 9px;\n    align-items: center;\n    min-height: 270px;\n    padding: 24px;\n    border: 1px solid #e3e9ee;\n    border-radius: 18px;\n    background:\n      radial-gradient(\n        circle at 50% 50%,\n        rgba(23, 105, 216, 0.1),\n        transparent 60%\n      ),\n      #ffffff;\n  }\n\n  #fc-collapsible-water .fc-action {\n    position: relative;\n    min-width: 0;\n    text-align: center;\n  }\n\n  #fc-collapsible-water .fc-action:not(:last-child)::after {\n    content: \"→\";\n    position: absolute;\n    top: 16px;\n    right: -10px;\n    color: #a2afbb;\n    font-size: 17px;\n  }\n\n  #fc-collapsible-water .fc-action-circle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 54px;\n    height: 54px;\n    margin: 0 auto 10px;\n    border-radius: 50%;\n    background: var(--fc-blue);\n    color: #ffffff;\n  }\n\n  #fc-collapsible-water .fc-action-circle svg {\n    width: 25px;\n    height: 25px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #fc-collapsible-water .fc-action strong {\n    display: block;\n    color: var(--fc-navy-900);\n    font-size: 13px;\n  }\n\n  #fc-collapsible-water .fc-spigot-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  #fc-collapsible-water .fc-spigot-label {\n    display: inline-flex;\n    align-self: flex-start;\n    margin-bottom: 14px;\n    padding: 7px 11px;\n    border-radius: 999px;\n    background: var(--fc-blue-light);\n    color: var(--fc-blue);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n\n  #fc-collapsible-water .fc-spigot-copy h3 {\n    margin-bottom: 12px;\n    color: var(--fc-navy-900);\n    font-size: clamp(28px, 3.8vw, 42px);\n    font-weight: 740;\n    line-height: 1.1;\n    letter-spacing: -0.035em;\n  }\n\n  #fc-collapsible-water .fc-spigot-copy p {\n    margin-bottom: 0;\n    color: var(--fc-muted);\n    font-size: 16px;\n  }\n\n  #fc-collapsible-water .fc-check-list {\n    display: grid;\n    gap: 11px;\n    margin: 19px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  #fc-collapsible-water .fc-check-list li {\n    position: relative;\n    padding-left: 29px;\n    color: #354552;\n    font-size: 14.5px;\n  }\n\n  #fc-collapsible-water .fc-check-list li::before {\n    content: \"✓\";\n    position: absolute;\n    top: 2px;\n    left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 19px;\n    height: 19px;\n    border-radius: 50%;\n    background: var(--fc-blue);\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 800;\n  }\n\n  \/* =========================\n     CAPACITY\n  ========================= *\/\n\n  #fc-collapsible-water .fc-capacity {\n    margin-top: 26px;\n    padding: 34px;\n    border: 1px solid var(--fc-border);\n    border-radius: 22px;\n    background: var(--fc-white);\n  }\n\n  #fc-collapsible-water .fc-size-grid {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 11px;\n    margin-top: 22px;\n  }\n\n  #fc-collapsible-water .fc-size-card {\n    min-width: 0;\n    padding: 20px 10px;\n    border: 1px solid #dce3e9;\n    border-radius: 15px;\n    background: #f8fafb;\n    text-align: center;\n  }\n\n  #fc-collapsible-water .fc-size-card strong {\n    display: block;\n    color: var(--fc-navy-900);\n    font-size: 25px;\n    font-weight: 760;\n    line-height: 1.05;\n  }\n\n  #fc-collapsible-water .fc-size-card span {\n    display: block;\n    margin-top: 7px;\n    color: var(--fc-muted);\n    font-size: 12px;\n  }\n\n  \/* =========================\n     STEPS\n  ========================= *\/\n\n  #fc-collapsible-water .fc-step-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  #fc-collapsible-water .fc-step-card {\n    position: relative;\n    min-width: 0;\n    overflow: hidden;\n    padding: 27px 24px 25px;\n    border-radius: 18px;\n    background: var(--fc-navy-900);\n    color: #ffffff;\n  }\n\n  #fc-collapsible-water .fc-step-card::after {\n    content: \"\";\n    position: absolute;\n    right: -35px;\n    bottom: -48px;\n    width: 135px;\n    height: 135px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.035);\n  }\n\n  #fc-collapsible-water .fc-step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    margin-bottom: 17px;\n    border-radius: 50%;\n    background: var(--fc-blue);\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 800;\n  }\n\n  #fc-collapsible-water .fc-step-card h3 {\n    margin-bottom: 8px;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 720;\n  }\n\n  #fc-collapsible-water .fc-step-card p {\n    margin-bottom: 0;\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 14.5px;\n  }\n\n  \/* =========================\n     USE CASES\n  ========================= *\/\n\n  #fc-collapsible-water .fc-use-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  #fc-collapsible-water .fc-use-card {\n    min-width: 0;\n    padding: 22px 14px;\n    border: 1px solid var(--fc-border);\n    border-radius: 16px;\n    background: var(--fc-white);\n    text-align: center;\n  }\n\n  #fc-collapsible-water .fc-use-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 45px;\n    height: 45px;\n    margin: 0 auto 11px;\n    border-radius: 14px;\n    background: var(--fc-blue-light);\n    color: var(--fc-blue);\n  }\n\n  #fc-collapsible-water .fc-use-icon svg {\n    width: 25px;\n    height: 25px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #fc-collapsible-water .fc-use-card strong {\n    display: block;\n    color: var(--fc-navy-900);\n    font-size: 14px;\n    font-weight: 720;\n  }\n\n  \/* =========================\n     FAQ\n  ========================= *\/\n\n  #fc-collapsible-water .fc-faq {\n    margin-top: 28px;\n  }\n\n  #fc-collapsible-water .fc-faq details {\n    overflow: hidden;\n    margin-bottom: 10px;\n    border: 1px solid var(--fc-border);\n    border-radius: 14px;\n    background: var(--fc-white);\n  }\n\n  #fc-collapsible-water .fc-faq summary {\n    position: relative;\n    padding: 18px 52px 18px 20px;\n    color: var(--fc-navy-900);\n    font-size: 15px;\n    font-weight: 720;\n    line-height: 1.45;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  #fc-collapsible-water .fc-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  #fc-collapsible-water .fc-faq summary::after {\n    content: \"+\";\n    position: absolute;\n    top: 50%;\n    right: 20px;\n    transform: translateY(-50%);\n    color: var(--fc-blue);\n    font-size: 24px;\n    font-weight: 400;\n  }\n\n  #fc-collapsible-water .fc-faq details[open] summary::after {\n    content: \"−\";\n  }\n\n  #fc-collapsible-water .fc-faq-answer {\n    padding: 0 20px 18px;\n    color: var(--fc-muted);\n    font-size: 14.5px;\n  }\n\n  \/* =========================\n     CLOSING\n  ========================= *\/\n\n  #fc-collapsible-water .fc-closing {\n    position: relative;\n    overflow: hidden;\n    margin-top: 26px;\n    padding: 40px 30px;\n    border-radius: 22px;\n    background:\n      radial-gradient(\n        circle at 90% 10%,\n        rgba(23, 105, 216, 0.13),\n        transparent 32%\n      ),\n      linear-gradient(\n        135deg,\n        #eaf3ff 0%,\n        #f7faff 100%\n      );\n    text-align: center;\n  }\n\n  #fc-collapsible-water .fc-closing h3 {\n    margin-bottom: 11px;\n    color: var(--fc-navy-900);\n    font-size: clamp(28px, 4vw, 44px);\n    font-weight: 750;\n    line-height: 1.13;\n    letter-spacing: -0.035em;\n  }\n\n  #fc-collapsible-water .fc-closing p {\n    max-width: 680px;\n    margin: 0 auto;\n    color: var(--fc-muted);\n    font-size: 16px;\n  }\n\n  \/* =========================\n     TABLET\n  ========================= *\/\n\n  @media (min-width: 750px) and (max-width: 989px) {\n    #fc-collapsible-water {\n      max-width: 100%;\n    }\n\n    #fc-collapsible-water .fc-hero {\n      padding: 46px 36px;\n    }\n\n    #fc-collapsible-water .fc-feature-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    #fc-collapsible-water .fc-spigot {\n      grid-template-columns: 0.95fr 1.05fr;\n      gap: 24px;\n      padding: 28px;\n    }\n\n    #fc-collapsible-water .fc-spigot-visual {\n      min-height: 235px;\n      padding: 18px;\n    }\n\n    #fc-collapsible-water .fc-size-grid {\n      gap: 8px;\n    }\n\n    #fc-collapsible-water .fc-size-card {\n      padding: 18px 7px;\n    }\n\n    #fc-collapsible-water .fc-use-grid {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  \/* =========================\n     MOBILE\n  ========================= *\/\n\n  @media (max-width: 749px) {\n    #fc-collapsible-water {\n      padding-top: 4px;\n      padding-bottom: 10px;\n    }\n\n    #fc-collapsible-water .fc-hero {\n      margin-bottom: 14px;\n      padding: 32px 21px;\n      border-radius: 18px;\n    }\n\n    #fc-collapsible-water .fc-eyebrow {\n      margin-bottom: 15px;\n      padding: 6px 11px;\n      font-size: 10px;\n    }\n\n    #fc-collapsible-water .fc-hero h2 {\n      margin-bottom: 13px;\n      font-size: 34px;\n      line-height: 1.06;\n      letter-spacing: -0.038em;\n    }\n\n    #fc-collapsible-water .fc-hero p {\n      font-size: 15.5px;\n      line-height: 1.6;\n    }\n\n    #fc-collapsible-water .fc-intro {\n      grid-template-columns: 1fr;\n      gap: 17px;\n      margin-bottom: 18px;\n      padding: 22px 19px;\n      border-radius: 16px;\n    }\n\n    #fc-collapsible-water .fc-intro-copy p {\n      font-size: 15px;\n    }\n\n    #fc-collapsible-water .fc-intro-badge {\n      min-width: 0;\n      min-height: 0;\n      padding: 15px;\n      border-radius: 13px;\n    }\n\n    #fc-collapsible-water .fc-intro-badge strong {\n      font-size: 27px;\n    }\n\n    #fc-collapsible-water .fc-section {\n      margin-top: 22px;\n    }\n\n    #fc-collapsible-water .fc-section-header {\n      margin-bottom: 16px;\n      padding: 0 5px;\n    }\n\n    #fc-collapsible-water .fc-section-header h3 {\n      margin-bottom: 7px;\n      font-size: 27px;\n      line-height: 1.16;\n    }\n\n    #fc-collapsible-water .fc-section-header p {\n      font-size: 14.5px;\n    }\n\n    #fc-collapsible-water .fc-feature-grid {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    #fc-collapsible-water .fc-feature-card {\n      display: grid;\n      grid-template-columns: 46px minmax(0, 1fr);\n      column-gap: 14px;\n      padding: 19px;\n      border-radius: 15px;\n    }\n\n    #fc-collapsible-water .fc-feature-icon {\n      grid-row: 1 \/ span 2;\n      width: 46px;\n      height: 46px;\n      margin-bottom: 0;\n      border-radius: 13px;\n    }\n\n    #fc-collapsible-water .fc-feature-card h3 {\n      align-self: end;\n      margin-bottom: 4px;\n      font-size: 17px;\n    }\n\n    #fc-collapsible-water .fc-feature-card p {\n      font-size: 14px;\n    }\n\n    #fc-collapsible-water .fc-spigot {\n      grid-template-columns: 1fr;\n      gap: 18px;\n      margin-top: 20px;\n      padding: 20px;\n      border-radius: 17px;\n    }\n\n    #fc-collapsible-water .fc-spigot-visual {\n      min-height: 128px;\n      padding: 16px 11px;\n      border-radius: 14px;\n    }\n\n    #fc-collapsible-water .fc-action:not(:last-child)::after {\n      right: -8px;\n      font-size: 14px;\n    }\n\n    #fc-collapsible-water .fc-action-circle {\n      width: 43px;\n      height: 43px;\n      margin-bottom: 7px;\n    }\n\n    #fc-collapsible-water .fc-action-circle svg {\n      width: 21px;\n      height: 21px;\n    }\n\n    #fc-collapsible-water .fc-action strong {\n      font-size: 11px;\n    }\n\n    #fc-collapsible-water .fc-spigot-label {\n      margin-bottom: 11px;\n      font-size: 10px;\n    }\n\n    #fc-collapsible-water .fc-spigot-copy h3 {\n      margin-bottom: 9px;\n      font-size: 28px;\n    }\n\n    #fc-collapsible-water .fc-spigot-copy p {\n      font-size: 14.5px;\n    }\n\n    #fc-collapsible-water .fc-check-list {\n      gap: 9px;\n      margin-top: 15px;\n    }\n\n    #fc-collapsible-water .fc-check-list li {\n      font-size: 14px;\n    }\n\n    #fc-collapsible-water .fc-capacity {\n      margin-top: 20px;\n      padding: 22px 18px;\n      border-radius: 17px;\n    }\n\n    #fc-collapsible-water .fc-size-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 9px;\n      margin-top: 17px;\n    }\n\n    #fc-collapsible-water .fc-size-card {\n      padding: 17px 8px;\n      border-radius: 13px;\n    }\n\n    #fc-collapsible-water .fc-size-card:last-child {\n      grid-column: 1 \/ -1;\n      width: calc(50% - 5px);\n      justify-self: center;\n    }\n\n    #fc-collapsible-water .fc-size-card strong {\n      font-size: 22px;\n    }\n\n    #fc-collapsible-water .fc-step-grid {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    #fc-collapsible-water .fc-step-card {\n      display: grid;\n      grid-template-columns: 38px minmax(0, 1fr);\n      column-gap: 13px;\n      padding: 20px 19px;\n      border-radius: 15px;\n    }\n\n    #fc-collapsible-water .fc-step-number {\n      grid-row: 1 \/ span 2;\n      width: 35px;\n      height: 35px;\n      margin-bottom: 0;\n    }\n\n    #fc-collapsible-water .fc-step-card h3 {\n      align-self: end;\n      margin-bottom: 4px;\n      font-size: 18px;\n    }\n\n    #fc-collapsible-water .fc-step-card p {\n      font-size: 14px;\n    }\n\n    #fc-collapsible-water .fc-use-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 9px;\n    }\n\n    #fc-collapsible-water .fc-use-card {\n      padding: 18px 9px;\n      border-radius: 14px;\n    }\n\n    #fc-collapsible-water .fc-use-icon {\n      width: 42px;\n      height: 42px;\n      margin-bottom: 8px;\n    }\n\n    #fc-collapsible-water .fc-faq {\n      margin-top: 23px;\n    }\n\n    #fc-collapsible-water .fc-faq summary {\n      padding: 16px 46px 16px 17px;\n      font-size: 14.5px;\n    }\n\n    #fc-collapsible-water .fc-faq-answer {\n      padding: 0 17px 16px;\n      font-size: 14px;\n    }\n\n    #fc-collapsible-water .fc-closing {\n      margin-top: 21px;\n      padding: 30px 20px;\n      border-radius: 17px;\n    }\n\n    #fc-collapsible-water .fc-closing h3 {\n      margin-bottom: 9px;\n      font-size: 29px;\n    }\n\n    #fc-collapsible-water .fc-closing p {\n      font-size: 14.5px;\n    }\n  }\n\n  \/* =========================\n     SMALL MOBILE\n  ========================= *\/\n\n  @media (max-width: 390px) {\n    #fc-collapsible-water .fc-hero {\n      padding: 28px 18px;\n    }\n\n    #fc-collapsible-water .fc-hero h2 {\n      font-size: 30px;\n    }\n\n    #fc-collapsible-water .fc-size-card:last-child {\n      width: 100%;\n    }\n\n    #fc-collapsible-water .fc-spigot-visual {\n      padding-left: 7px;\n      padding-right: 7px;\n    }\n\n    #fc-collapsible-water .fc-action-circle {\n      width: 39px;\n      height: 39px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection id=\"fc-collapsible-water\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"fc-hero\"\u003e\n    \u003cdiv class=\"fc-eyebrow\"\u003eBuilt for Camp, Road \u0026amp; Home\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Carry the water.\u003cbr\u003e\n      \u003cspan class=\"fc-hero-highlight\"\u003eNot the wasted space.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Full-size water storage when you need it and compact storage when\n      you don’t. Expand it, fill it, pour it, then fold it down after use.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003cdiv class=\"fc-intro\"\u003e\n    \u003cdiv class=\"fc-intro-copy\"\u003e\n      \u003cp\u003e\n        Traditional rigid water jugs continue taking up valuable room long\n        after the water is gone. This collapsible water container gives you\n        dependable storage at camp, on the road, or during unexpected\n        situations—without permanently sacrificing trunk, cabinet, or\n        gear-bin space.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Its accordion-style body expands when needed and compresses after use.\n        The\n        \u003cstrong\u003e\n          filling opening and pouring spigot are combined into the same\n          top-mounted assembly\n        \u003c\/strong\u003e,\n        keeping the exterior compact and streamlined.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fc-intro-badge\"\u003e\n      \u003cstrong\u003e3L–15L\u003c\/strong\u003e\n      \u003cspan\u003eFive Capacity Options\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003cdiv class=\"fc-section\"\u003e\n    \u003cdiv class=\"fc-section-header\"\u003e\n      \u003cspan class=\"fc-kicker\"\u003eBuilt Around the Way You Travel\u003c\/span\u003e\n\n      \u003ch3\u003eMore water. Less wasted room.\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Practical water storage for outdoor setups, vehicle travel, family\n        days out, and emergency preparation.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fc-feature-grid\"\u003e\n\n      \u003cdiv class=\"fc-feature-card\"\u003e\n        \u003cdiv class=\"fc-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M5 6h14\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 10h10\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 14h6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M10 18h4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eFolds Down After Use\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The accordion-style body compresses into a low-profile shape that\n          takes up less room in your vehicle, cabinet, or gear bin.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-feature-card\"\u003e\n        \u003cdiv class=\"fc-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M4 8h10a3 3 0 0 1 3 3v1\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M15 12h5v3h-5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17.5 15v3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M16 20h3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eIntegrated Top Spigot\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The filling cap also serves as the pouring spout, so there is no\n          separate faucet protruding from the side of the container.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-feature-card\"\u003e\n        \u003cdiv class=\"fc-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M7 10V7a5 5 0 0 1 10 0v3\"\u003e\u003c\/path\u003e\n            \u003crect x=\"4\" y=\"10\" width=\"16\" height=\"9\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eSecure Carry Handle\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The fixed top handle provides a practical grip when moving the\n          container between your vehicle, campsite, table, and water source.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-feature-card\"\u003e\n        \u003cdiv class=\"fc-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M12 3s6 6.2 6 11a6 6 0 0 1-12 0c0-4.8 6-11 6-11z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9.5 15.5a3 3 0 0 0 5 1\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003eVisible Water Level\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The translucent body makes it easier to see how much water remains\n          before cooking, cleaning, or moving farther from your setup.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SPIGOT --\u003e\n  \u003cdiv class=\"fc-spigot\"\u003e\n\n    \u003cdiv class=\"fc-spigot-visual\"\u003e\n\n      \u003cdiv class=\"fc-action\"\u003e\n        \u003cdiv class=\"fc-action-circle\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M8 3h8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 3v4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M15 3v4\"\u003e\u003c\/path\u003e\n            \u003crect x=\"5\" y=\"7\" width=\"14\" height=\"13\" rx=\"3\"\u003e\u003c\/rect\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cstrong\u003eFill\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-action\"\u003e\n        \u003cdiv class=\"fc-action-circle\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M7 10V7a5 5 0 0 1 10 0v3\"\u003e\u003c\/path\u003e\n            \u003crect x=\"4\" y=\"10\" width=\"16\" height=\"9\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cstrong\u003eCarry\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-action\"\u003e\n        \u003cdiv class=\"fc-action-circle\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M5 8h9a3 3 0 0 1 3 3v1\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M15 12h5v3h-5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17.5 15v4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cstrong\u003ePour\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fc-spigot-copy\"\u003e\n      \u003cdiv class=\"fc-spigot-label\"\u003eIntegrated Top Assembly\u003c\/div\u003e\n\n      \u003ch3\u003eOne opening. Two essential jobs.\u003c\/h3\u003e\n\n      \u003cp\u003e\n        The filling opening and pouring spigot are combined into one\n        top-mounted component. This keeps the product compact and avoids adding\n        a separate tap to another part of the container.\n      \u003c\/p\u003e\n\n      \u003cul class=\"fc-check-list\"\u003e\n        \u003cli\u003eRemove the top assembly to fill the container\u003c\/li\u003e\n        \u003cli\u003eTighten the assembly securely before carrying\u003c\/li\u003e\n        \u003cli\u003eTilt the container and open the spigot to pour\u003c\/li\u003e\n        \u003cli\u003eNo separate side faucet or additional outlet\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- CAPACITY --\u003e\n  \u003cdiv class=\"fc-capacity\"\u003e\n    \u003cdiv class=\"fc-section-header\"\u003e\n      \u003cspan class=\"fc-kicker\"\u003eChoose Your Capacity\u003c\/span\u003e\n\n      \u003ch3\u003eA size for every kind of trip\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Choose a smaller size for individual use or a larger capacity for\n        family camping, vehicle travel, and longer outdoor setups.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fc-size-grid\"\u003e\n      \u003cdiv class=\"fc-size-card\"\u003e\n        \u003cstrong\u003e3L\u003c\/strong\u003e\n        \u003cspan\u003eApprox. 0.8 US Gal\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-size-card\"\u003e\n        \u003cstrong\u003e5L\u003c\/strong\u003e\n        \u003cspan\u003eApprox. 1.3 US Gal\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-size-card\"\u003e\n        \u003cstrong\u003e8L\u003c\/strong\u003e\n        \u003cspan\u003eApprox. 2.1 US Gal\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-size-card\"\u003e\n        \u003cstrong\u003e10L\u003c\/strong\u003e\n        \u003cspan\u003eApprox. 2.6 US Gal\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-size-card\"\u003e\n        \u003cstrong\u003e15L\u003c\/strong\u003e\n        \u003cspan\u003eApprox. 4.0 US Gal\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- STEPS --\u003e\n  \u003cdiv class=\"fc-section\"\u003e\n    \u003cdiv class=\"fc-section-header\"\u003e\n      \u003cspan class=\"fc-kicker\"\u003eSimple Setup\u003c\/span\u003e\n\n      \u003ch3\u003eReady in three steps\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fc-step-grid\"\u003e\n\n      \u003cdiv class=\"fc-step-card\"\u003e\n        \u003cdiv class=\"fc-step-number\"\u003e1\u003c\/div\u003e\n\n        \u003ch3\u003eExpand\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Pull the accordion body upward until the container reaches its full\n          usable shape.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-step-card\"\u003e\n        \u003cdiv class=\"fc-step-number\"\u003e2\u003c\/div\u003e\n\n        \u003ch3\u003eFill\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Remove the top spigot assembly, add water through the opening, and\n          tighten it securely.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-step-card\"\u003e\n        \u003cdiv class=\"fc-step-number\"\u003e3\u003c\/div\u003e\n\n        \u003ch3\u003ePour \u0026amp; Pack\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Tilt the container to pour. Once empty, rinse, dry, and compress it\n          for storage.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- USE CASES --\u003e\n  \u003cdiv class=\"fc-section\"\u003e\n    \u003cdiv class=\"fc-section-header\"\u003e\n      \u003cspan class=\"fc-kicker\"\u003eMade for Real-World Use\u003c\/span\u003e\n\n      \u003ch3\u003eOne container. More ways to use it.\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fc-use-grid\"\u003e\n\n      \u003cdiv class=\"fc-use-card\"\u003e\n        \u003cdiv class=\"fc-use-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M3 19h18\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5 19l7-14 7 14\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 13h6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cstrong\u003eCamping\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-use-card\"\u003e\n        \u003cdiv class=\"fc-use-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M4 15l2-6h12l2 6\"\u003e\u003c\/path\u003e\n            \u003crect x=\"3\" y=\"13\" width=\"18\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n            \u003ccircle cx=\"7\" cy=\"19\" r=\"1.5\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"17\" cy=\"19\" r=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cstrong\u003eRoad Trips\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-use-card\"\u003e\n        \u003cdiv class=\"fc-use-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M5 10h14l-1 10H6L5 10z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 10a4 4 0 0 1 8 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 14h6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cstrong\u003ePicnics\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fc-use-card\"\u003e\n        \u003cdiv class=\"fc-use-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M3 11l9-7 9 7\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5 10v10h14V10\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 20v-6h6v6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cstrong\u003eEmergency Storage\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FAQ --\u003e\n  \u003cdiv class=\"fc-faq\"\u003e\n    \u003cdiv class=\"fc-section-header\"\u003e\n      \u003cspan class=\"fc-kicker\"\u003eQuick Answers\u003c\/span\u003e\n\n      \u003ch3\u003eFrequently asked questions\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWhere is the water spigot located?\u003c\/summary\u003e\n\n      \u003cdiv class=\"fc-faq-answer\"\u003e\n        The spigot is integrated into the top filling assembly. There is no\n        separate faucet installed on the side of the container.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eDoes the container fold when empty?\u003c\/summary\u003e\n\n      \u003cdiv class=\"fc-faq-answer\"\u003e\n        Yes. The accordion-style body compresses into a flatter shape after the\n        container has been emptied.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eHow should it be stored after use?\u003c\/summary\u003e\n\n      \u003cdiv class=\"fc-faq-answer\"\u003e\n        Empty the container, rinse it, allow it to dry completely, and then\n        compress it for storage.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWhich capacities are available?\u003c\/summary\u003e\n\n      \u003cdiv class=\"fc-faq-answer\"\u003e\n        Available options include 3L, 5L, 8L, 10L, and 15L.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CLOSING --\u003e\n  \u003cdiv class=\"fc-closing\"\u003e\n    \u003ch3\u003e\n      Pack the water you need.\u003cbr\u003e\n      Fold away the space you don’t.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      A practical water-storage solution for campsites, road trips, outdoor\n      gatherings, vehicle use, and unexpected situations at home.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"FLOECREST","offers":[{"title":"3L","offer_id":48474112229570,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"5L","offer_id":48474112262338,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"8L","offer_id":48474112295106,"sku":null,"price":34.99,"currency_code":"USD","in_stock":true},{"title":"15L","offer_id":48474112327874,"sku":null,"price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0742\/9020\/0770\/files\/1_44328ab0-f39d-47e6-820a-49526e75533b.png?v=1784716340","url":"https:\/\/floecrest.com\/products\/pack-flat-collapsible-water-container-with-built-in-top-spigot","provider":"FLOECREST","version":"1.0","type":"link"}