{"product_id":"🎁3-piece-collapsible-colander-set-with-self-draining-base","title":"🎁3-Piece Collapsible Colander Set with Self-Draining Base","description":"\u003c!-- =========================================================\n3-PIECE COLLAPSIBLE COLANDER SET\nWITH SELF-DRAINING BASE\nSHOPIFY BODY HTML\n600PX \/ MOBILE OPTIMIZED\nBOTTOM CTA -\u003e NATIVE ADD TO CART \/ CART DRAWER\n========================================================= --\u003e\n\n\u003cstyle\u003e\n  .cc-body,\n  .cc-body * {\n    box-sizing: border-box;\n  }\n\n  .cc-body {\n    max-width: 600px;\n    margin: 0 auto;\n    overflow: hidden;\n    background: #ffffff;\n    color: #20231f;\n    font-family: Arial, Helvetica, sans-serif;\n    line-height: 1.55;\n  }\n\n  .cc-body img {\n    display: block;\n    width: 100%;\n    height: auto;\n    border: 0;\n  }\n\n  .cc-section {\n    padding: 34px 26px;\n  }\n\n  .cc-center {\n    text-align: center;\n  }\n\n  .cc-soft {\n    background: #f5f8f1;\n  }\n\n  .cc-dark {\n    background: #163d17;\n    color: #ffffff !important;\n  }\n\n  .cc-gray {\n    background: #34393a;\n    color: #ffffff !important;\n  }\n\n  .cc-eyebrow {\n    margin: 0 0 8px;\n    color: #5e9f18 !important;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    line-height: 1.3;\n    text-transform: uppercase;\n  }\n\n  .cc-dark .cc-eyebrow,\n  .cc-gray .cc-eyebrow {\n    color: #a8dc63 !important;\n  }\n\n  .cc-title {\n    margin: 0;\n    color: #183b17 !important;\n    font-size: 31px;\n    line-height: 1.13;\n    font-weight: 900;\n    letter-spacing: -0.7px;\n  }\n\n  .cc-title span {\n    color: #63a91c !important;\n  }\n\n  .cc-h2 {\n    margin: 0 0 12px;\n    color: #1b3719 !important;\n    font-size: 27px;\n    line-height: 1.18;\n    font-weight: 900;\n    letter-spacing: -0.4px;\n  }\n\n  .cc-dark .cc-h2,\n  .cc-gray .cc-h2 {\n    color: #ffffff !important;\n  }\n\n  .cc-copy {\n    margin: 0;\n    color: #586057;\n    font-size: 17px;\n    line-height: 1.6;\n  }\n\n  .cc-dark .cc-copy,\n  .cc-gray .cc-copy {\n    color: #e3eee0 !important;\n  }\n\n  .cc-image-wrap {\n    margin: 0;\n    background: #eef2eb;\n  }\n\n  \/* =========================================================\n     GIF MODULE\n  ========================================================== *\/\n\n  .cc-gif-intro {\n    padding: 34px 24px 24px;\n    background: #163d17;\n    color: #ffffff !important;\n    text-align: center;\n  }\n\n  .cc-gif-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 13px;\n    padding: 7px 13px;\n    border: 1px solid #548957;\n    border-radius: 999px;\n    color: #b8e779 !important;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n  }\n\n  .cc-gif-label svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  .cc-gif-title {\n    margin: 0 0 11px;\n    color: #ffffff !important;\n    font-size: 29px;\n    line-height: 1.15;\n    font-weight: 900;\n    letter-spacing: -0.6px;\n  }\n\n  .cc-gif-title span {\n    color: #a8df61 !important;\n  }\n\n  .cc-gif-copy {\n    max-width: 510px;\n    margin: 0 auto;\n    color: #e2eee0 !important;\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  .cc-gif-box {\n    overflow: hidden;\n    background: #102d11;\n    border-top: 1px solid #315d34;\n  }\n\n  .cc-gif-caption {\n    padding: 14px 18px;\n    background: #1c471e;\n    color: #ffffff !important;\n    text-align: center;\n    font-size: 14px;\n    font-weight: 800;\n  }\n\n  \/* =========================================================\n     BENEFITS\n  ========================================================== *\/\n\n  .cc-benefits {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-top: 24px;\n  }\n\n  .cc-benefit {\n    padding: 16px 10px;\n    border: 1px solid #dce6d7;\n    border-radius: 11px;\n    background: #ffffff;\n    text-align: center;\n  }\n\n  .cc-benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 45px;\n    height: 45px;\n    margin: 0 auto 9px;\n    border-radius: 50%;\n    background: #275e20;\n    color: #ffffff;\n  }\n\n  .cc-benefit-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .cc-benefit strong {\n    display: block;\n    color: #243024 !important;\n    font-size: 14px;\n    line-height: 1.3;\n  }\n\n  \/* =========================================================\n     CHECK LIST\n  ========================================================== *\/\n\n  .cc-list {\n    margin: 20px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .cc-list li {\n    position: relative;\n    margin-bottom: 13px;\n    padding-left: 31px;\n    color: #4c564c;\n    font-size: 16px;\n  }\n\n  .cc-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .cc-list li:before {\n    content: \"✓\";\n    position: absolute;\n    left: 0;\n    top: 1px;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: #64a820;\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 900;\n    line-height: 22px;\n    text-align: center;\n  }\n\n  .cc-dark .cc-list li,\n  .cc-gray .cc-list li {\n    color: #edf4e9 !important;\n  }\n\n  \/* =========================================================\n     USE GRID\n  ========================================================== *\/\n\n  .cc-use-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 9px;\n    margin-top: 22px;\n  }\n\n  .cc-use {\n    padding: 16px 8px;\n    border: 1px solid #dde6d9;\n    border-radius: 10px;\n    background: #ffffff;\n    text-align: center;\n  }\n\n  .cc-use-icon {\n    width: 42px;\n    height: 42px;\n    margin: 0 auto 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: #2c6922;\n    color: #ffffff;\n  }\n\n  .cc-use-icon svg {\n    width: 23px;\n    height: 23px;\n  }\n\n  .cc-use strong {\n    color: #263326 !important;\n    font-size: 14px;\n  }\n\n  \/* =========================================================\n     SPECS\n  ========================================================== *\/\n\n  .cc-spec-box {\n    margin-top: 23px;\n    overflow: hidden;\n    border: 1px solid #dbe4d6;\n    border-radius: 12px;\n    background: #ffffff;\n  }\n\n  .cc-spec-row {\n    display: grid;\n    grid-template-columns: 38% 62%;\n    border-bottom: 1px solid #e6ede2;\n  }\n\n  .cc-spec-row:last-child {\n    border-bottom: 0;\n  }\n\n  .cc-spec-label,\n  .cc-spec-value {\n    padding: 14px 14px;\n    font-size: 15px;\n  }\n\n  .cc-spec-label {\n    background: #eff5ea;\n    color: #21451d;\n    font-weight: 900;\n  }\n\n  .cc-spec-value {\n    color: #535d52;\n  }\n\n  \/* =========================================================\n     STEPS\n  ========================================================== *\/\n\n  .cc-steps {\n    margin-top: 23px;\n  }\n\n  .cc-step {\n    display: flex;\n    gap: 14px;\n    margin-bottom: 17px;\n    align-items: flex-start;\n  }\n\n  .cc-step:last-child {\n    margin-bottom: 0;\n  }\n\n  .cc-step-num {\n    flex: 0 0 39px;\n    width: 39px;\n    height: 39px;\n    border-radius: 50%;\n    background: #64a820;\n    color: #ffffff;\n    line-height: 39px;\n    text-align: center;\n    font-size: 18px;\n    font-weight: 900;\n  }\n\n  .cc-step-copy strong {\n    display: block;\n    margin-bottom: 2px;\n    color: #203420 !important;\n    font-size: 16px;\n  }\n\n  .cc-step-copy span {\n    display: block;\n    color: #5c665b;\n    font-size: 15px;\n  }\n\n  \/* =========================================================\n     FAQ\n  ========================================================== *\/\n\n  .cc-faq details {\n    margin-bottom: 10px;\n    overflow: hidden;\n    border: 1px solid #dbe4d6;\n    border-radius: 9px;\n    background: #ffffff;\n  }\n\n  .cc-faq summary {\n    position: relative;\n    padding: 17px 48px 17px 18px;\n    cursor: pointer;\n    list-style: none;\n    color: #203120 !important;\n    font-size: 16px;\n    font-weight: 900;\n  }\n\n  .cc-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .cc-faq summary:after {\n    content: \"+\";\n    position: absolute;\n    right: 17px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #64a820;\n    font-size: 24px;\n  }\n\n  .cc-faq details[open] summary:after {\n    content: \"−\";\n  }\n\n  .cc-faq-answer {\n    padding: 0 18px 18px;\n    color: #5b665b;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  \/* =========================================================\n     TRUST\n  ========================================================== *\/\n\n  .cc-trust {\n    padding: 30px 22px;\n    background: #163d17;\n    color: #ffffff !important;\n    text-align: center;\n  }\n\n  .cc-trust-title {\n    margin: 0 0 9px;\n    color: #ffffff !important;\n    font-size: 20px;\n    font-weight: 900;\n  }\n\n  .cc-trust-copy {\n    max-width: 460px;\n    margin: 0 auto 20px;\n    color: #deebda !important;\n    font-size: 14px;\n  }\n\n  .cc-payments {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .cc-pay-badge {\n    min-width: 82px;\n    padding: 9px 10px;\n    border-radius: 6px;\n    background: #ffffff;\n    color: #183719 !important;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .cc-help {\n    margin-top: 18px;\n    color: #b9cdb5 !important;\n    font-size: 12px;\n  }\n\n  \/* =========================================================\n     BOTTOM CTA\n  ========================================================== *\/\n\n  .cc-cta-wrap {\n    padding: 22px;\n    background: #102d11;\n  }\n\n  .cc-cta {\n    display: block;\n    width: 100%;\n    padding: 20px 18px;\n    border: 0;\n    border-radius: 10px;\n    background: #64a820;\n    color: #ffffff !important;\n    cursor: pointer;\n    font-family: inherit;\n    text-align: center;\n    box-shadow: 0 8px 24px rgba(74, 126, 28, 0.28);\n  }\n\n  .cc-cta-top {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    color: #ffffff !important;\n    font-size: 19px;\n    font-weight: 900;\n  }\n\n  .cc-cta-top svg {\n    width: 23px;\n    height: 23px;\n    animation: cc-cart-move 1.25s ease-in-out infinite;\n  }\n\n  .cc-cta-small {\n    display: block;\n    margin-top: 5px;\n    color: #f0f8eb !important;\n    font-size: 13px;\n  }\n\n  @keyframes cc-cart-move {\n    0%,\n    100% {\n      transform: translateX(0);\n    }\n\n    50% {\n      transform: translateX(5px);\n    }\n  }\n\n  @media screen and (max-width: 520px) {\n\n    .cc-section {\n      padding: 28px 19px;\n    }\n\n    .cc-gif-intro {\n      padding: 29px 19px 22px;\n    }\n\n    .cc-title {\n      font-size: 27px;\n    }\n\n    .cc-gif-title {\n      font-size: 26px;\n    }\n\n    .cc-h2 {\n      font-size: 24px;\n    }\n\n    .cc-copy {\n      font-size: 16px;\n    }\n\n    .cc-benefits {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .cc-use-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .cc-use {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      text-align: left;\n    }\n\n    .cc-use-icon {\n      flex: 0 0 42px;\n      margin: 0;\n    }\n\n    .cc-spec-row {\n      grid-template-columns: 40% 60%;\n    }\n\n    .cc-spec-label,\n    .cc-spec-value {\n      padding: 12px 10px;\n      font-size: 14px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"cc-body\"\u003e\n\n  \u003c!-- =========================================================\n       GIF VIDEO \/ ANIMATION MODULE\n\n       RECOMMENDED GIF CONTENT:\n       Rinse produce -\u003e place colander on draining base -\u003e\n       water flows directly into sink -\u003e collapse for storage.\n\n       Replace YOUR_GIF_URL\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-gif-intro\"\u003e\n\n    \u003cdiv class=\"cc-gif-label\"\u003e\n\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n        \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n        \u003cpath d=\"M10 8l6 4-6 4V8z\" fill=\"currentColor\" stroke=\"none\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n\n      WATCH IT IN ACTION\n\n    \u003c\/div\u003e\n\n\n    \u003ch2 class=\"cc-gif-title\"\u003e\n      Rinse, Drain \u0026amp; \u003cspan\u003eKeep Your Sink Clear\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"cc-gif-copy\"\u003e\n      Rinse your ingredients, set the colander on the grooved\n      self-draining base, and watch excess water flow directly\n      into the sink while your food stays safely on the countertop.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003cdiv class=\"cc-gif-box\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/9_24_2.gif?v=1790234861\" alt=\"Collapsible colander self draining base demonstration\" loading=\"eager\"\u003e\n\n    \u003cdiv class=\"cc-gif-caption\"\u003e\n      Rinse. Drain. Collapse. Store.\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================================================\n       INTRO \/ CORE BENEFITS\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section cc-center\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      3-PIECE COLLAPSIBLE COLANDER SET\n    \u003c\/p\u003e\n\n    \u003ch1 class=\"cc-title\"\u003e\n      Prep Smarter.\u003cbr\u003e\n      \u003cspan\u003eSave Sink \u0026amp; Storage Space.\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"cc-copy\" style=\"margin-top:14px;\"\u003e\n      Three practical colander sizes plus a countertop\n      self-draining base give you an easier way to rinse,\n      drain and prep without filling up your sink.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"cc-benefits\"\u003e\n\n      \u003cdiv class=\"cc-benefit\"\u003e\n\n        \u003cdiv class=\"cc-benefit-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003cpath d=\"M12 2s-5 6-5 10a5 5 0 0010 0c0-4-5-10-5-10z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M4 19h16\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eSelf-Draining Base\u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-benefit\"\u003e\n\n        \u003cdiv class=\"cc-benefit-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003cellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"2\"\u003e\u003c\/ellipse\u003e\n            \u003cpath d=\"M5 6v4c0 1.1 3.1 2 7 2s7-.9 7-2V6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 13v3c0 1 2.7 2 6 2s6-1 6-2v-3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e3 Useful Sizes\u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-benefit\"\u003e\n\n        \u003cdiv class=\"cc-benefit-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003cpath d=\"M4 7h16\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 12h12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 17h8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 2v18\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 17l3 3 3-3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eCollapsible Design\u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-benefit\"\u003e\n\n        \u003cdiv class=\"cc-benefit-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003crect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M7 7h10\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"12\" cy=\"14\" r=\"4\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eDishwasher Safe\u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 01 \/ HERO --\u003e\n\n  \u003cdiv class=\"cc-image-wrap\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/1_29__11zon_1.webp?v=1790234449\" alt=\"Three collapsible colanders with self draining base\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================================================\n       VERSATILE USE\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section cc-soft\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      ONE SET, MULTIPLE KITCHEN TASKS\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      Rinse, Drain \u0026amp; Prep Everyday Ingredients\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cc-copy\"\u003e\n      Choose the right size for everything from a quick berry rinse\n      to pasta, vegetables, grains and family-size meal prep.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"cc-use-grid\"\u003e\n\n      \u003cdiv class=\"cc-use\"\u003e\n\n        \u003cdiv class=\"cc-use-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003ccircle cx=\"10\" cy=\"13\" r=\"5\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M10 8c0-3 2-5 5-5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M14 5c2 0 3 1 4 3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eProduce\u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-use\"\u003e\n\n        \u003cdiv class=\"cc-use-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003cpath d=\"M5 15h14\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 15c0 4 2 6 5 6s5-2 5-6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 4c0 3 3 3 3 6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M13 4c0 3 3 3 3 6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003cstrong\u003ePasta\u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-use\"\u003e\n\n        \u003cdiv class=\"cc-use-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003cpath d=\"M12 20V8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 10c-4 0-6-2-6-5 4 0 6 2 6 5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 14c4 0 6-2 6-5-4 0-6 2-6 5z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eGrains \u0026amp; Beans\u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 02 --\u003e\n\n  \u003cdiv class=\"cc-image-wrap\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/2_29__11zon_1.webp?v=1790234449\" alt=\"Collapsible colanders for vegetables pasta grains and fruit\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================================================\n       MATERIAL\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section cc-dark\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      MADE FOR EVERYDAY FOOD PREP\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      Food-Grade, BPA-Free \u0026amp; Easy to Clean\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cc-copy\"\u003e\n      Flexible food-safe materials give you the convenience\n      of a collapsible design without sacrificing everyday kitchen utility.\n    \u003c\/p\u003e\n\n\n    \u003cul class=\"cc-list\"\u003e\n      \u003cli\u003eFood-grade BPA-free construction\u003c\/li\u003e\n      \u003cli\u003eFlexible collapsible body\u003c\/li\u003e\n      \u003cli\u003eDishwasher safe for convenient cleanup\u003c\/li\u003e\n      \u003cli\u003eDesigned for everyday rinsing and draining\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 03 --\u003e\n\n  \u003cdiv class=\"cc-image-wrap\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/3_30__11zon_1.webp?v=1790234449\" alt=\"Food grade BPA free dishwasher safe collapsible colander\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================================================\n       FULL SINK SOLUTION\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      KEEP MEAL PREP MOVING\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      Drain Without Clearing the Sink First\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cc-copy\"\u003e\n      Place the colander on the self-draining base beside your sink.\n      Grooved channels guide excess water over the counter edge and\n      directly into the sink below.\n    \u003c\/p\u003e\n\n\n    \u003cul class=\"cc-list\"\u003e\n      \u003cli\u003eUseful even when the sink is already full\u003c\/li\u003e\n      \u003cli\u003eHelps keep draining water off the countertop\u003c\/li\u003e\n      \u003cli\u003eKeeps food elevated away from dishes in the sink\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 04 --\u003e\n\n  \u003cdiv class=\"cc-image-wrap\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/4_29__11zon_1.webp?v=1790234449\" alt=\"Self draining colander used above a full kitchen sink\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================================================\n       COLLAPSIBLE\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section cc-gray\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      STORE MORE IN LESS SPACE\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      Collapses Flat When Prep Is Done\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cc-copy\"\u003e\n      Instead of taking up the space of three full-size bowls,\n      the flexible sides collapse and the set nests together\n      for easier drawer or cabinet storage.\n    \u003c\/p\u003e\n\n\n    \u003cul class=\"cc-list\"\u003e\n      \u003cli\u003eCollapses to approximately 1.5 in high\u003c\/li\u003e\n      \u003cli\u003eExpanded height approximately 4.5 in\u003c\/li\u003e\n      \u003cli\u003eNests together for compact storage\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n  \u003c\/section\u003e\n\u003cdiv class=\"cc-image-wrap\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/5_30__11zon_1.webp?v=1790234449\" alt=\"Three collapsible colander sizes and draining tray dimensions\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- =========================================================\n       PRODUCT SPECS\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section cc-soft\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      THREE SIZES + DRAINING TRAY\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      Choose the Right Size for the Job\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cc-copy\"\u003e\n      From quick rinses to bigger family meals, the set gives\n      you multiple capacities without filling your cabinets.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"cc-spec-box\"\u003e\n\n      \u003cdiv class=\"cc-spec-row\"\u003e\n        \u003cdiv class=\"cc-spec-label\"\u003eSmall\u003c\/div\u003e\n        \u003cdiv class=\"cc-spec-value\"\u003e\n          3 QT · Approx. 9.6 × 8 in\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-spec-row\"\u003e\n        \u003cdiv class=\"cc-spec-label\"\u003eMedium\u003c\/div\u003e\n        \u003cdiv class=\"cc-spec-value\"\u003e\n          4 QT · Approx. 11.6 × 9.5 in\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-spec-row\"\u003e\n        \u003cdiv class=\"cc-spec-label\"\u003eLarge\u003c\/div\u003e\n        \u003cdiv class=\"cc-spec-value\"\u003e\n          5 QT · Approx. 13.5 × 11.5 in\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-spec-row\"\u003e\n        \u003cdiv class=\"cc-spec-label\"\u003eDrain Tray\u003c\/div\u003e\n        \u003cdiv class=\"cc-spec-value\"\u003e\n          Approx. 10.4 × 9 in\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-spec-row\"\u003e\n        \u003cdiv class=\"cc-spec-label\"\u003eCollapsed\u003c\/div\u003e\n        \u003cdiv class=\"cc-spec-value\"\u003e\n          Approx. 1.5 in high\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-spec-row\"\u003e\n        \u003cdiv class=\"cc-spec-label\"\u003eExpanded\u003c\/div\u003e\n        \u003cdiv class=\"cc-spec-value\"\u003e\n          Approx. 4.5 in high\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-spec-row\"\u003e\n        \u003cdiv class=\"cc-spec-label\"\u003eMaterial\u003c\/div\u003e\n        \u003cdiv class=\"cc-spec-value\"\u003e\n          Food-Grade BPA-Free Material\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-spec-row\"\u003e\n        \u003cdiv class=\"cc-spec-label\"\u003eCare\u003c\/div\u003e\n        \u003cdiv class=\"cc-spec-value\"\u003e\n          Dishwasher Safe\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 05 --\u003e\n\n  \n\u003cdiv class=\"cc-image-wrap\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/6_22__11zon.webp?v=1790234449\" alt=\"Three collapsible colander sizes and draining tray dimensions\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- =========================================================\n       HOW TO USE\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      FROM RINSE TO STORAGE\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      4 Simple Steps\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cc-copy\"\u003e\n      An everyday prep routine without complicated parts or setup.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"cc-steps\"\u003e\n\n      \u003cdiv class=\"cc-step\"\u003e\n\n        \u003cdiv class=\"cc-step-num\"\u003e\n          1\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cc-step-copy\"\u003e\n          \u003cstrong\u003eFill\u003c\/strong\u003e\n          \u003cspan\u003eAdd fruit, vegetables, pasta or other ingredients.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-step\"\u003e\n\n        \u003cdiv class=\"cc-step-num\"\u003e\n          2\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cc-step-copy\"\u003e\n          \u003cstrong\u003eRinse\u003c\/strong\u003e\n          \u003cspan\u003eWash or rinse your ingredients as needed.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-step\"\u003e\n\n        \u003cdiv class=\"cc-step-num\"\u003e\n          3\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cc-step-copy\"\u003e\n          \u003cstrong\u003eDrain Into the Sink\u003c\/strong\u003e\n          \u003cspan\u003eSet the colander on the draining base and let water flow away.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cc-step\"\u003e\n\n        \u003cdiv class=\"cc-step-num\"\u003e\n          4\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cc-step-copy\"\u003e\n          \u003cstrong\u003eCollapse \u0026amp; Store\u003c\/strong\u003e\n          \u003cspan\u003ePress the flexible sides down and nest the set together.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 06 --\u003e\n\n  \u003cdiv class=\"cc-image-wrap\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/7_6__11zon_1.webp?v=1790234449\" alt=\"Four step collapsible colander use and storage guide\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================================================\n       SELF-DRAINING BASE\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section cc-dark\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      THE DIFFERENCE IS IN THE BASE\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      Controlled Countertop Draining\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cc-copy\"\u003e\n      The grooved tray supports the colander while helping\n      channel excess water toward the sink instead of letting\n      it collect around your food-prep area.\n    \u003c\/p\u003e\n\n\n    \u003cul class=\"cc-list\"\u003e\n      \u003cli\u003eGrooved drainage channels\u003c\/li\u003e\n      \u003cli\u003eSlip-resistant support design\u003c\/li\u003e\n      \u003cli\u003eHelps reduce countertop splashes\u003c\/li\u003e\n      \u003cli\u003eUseful when draining hot cooked foods\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 07 --\u003e\n\n  \u003cdiv class=\"cc-image-wrap\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/8_2__11zon_1.webp?v=1790234449\" alt=\"Grooved self draining base channels water into kitchen sink\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =========================================================\n       COMPATIBILITY NOTE\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section cc-soft\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      BEFORE YOU USE IT\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      Designed for Most Everyday Sink Setups\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cc-copy\"\u003e\n      The draining tray works best when its outlet can extend\n      over the countertop edge and into the sink.\n      Raised overmount edges are generally easier to accommodate\n      than very high farmhouse-style sink lips.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       FAQ\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-section cc-soft cc-faq\"\u003e\n\n    \u003cp class=\"cc-eyebrow\"\u003e\n      GOOD TO KNOW\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"cc-h2\"\u003e\n      Frequently Asked Questions\n    \u003c\/h2\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        What comes in the set?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"cc-faq-answer\"\u003e\n        The set includes three collapsible colanders in small,\n        medium and large sizes plus one self-draining countertop tray.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Can I use it if my sink is full of dishes?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"cc-faq-answer\"\u003e\n        Yes. The self-draining base is designed so the colander\n        can sit on the countertop while water is guided into the sink.\n        Make sure the tray outlet reaches safely over the sink edge.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Are the colanders dishwasher safe?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"cc-faq-answer\"\u003e\n        Yes. The supplied product information identifies the set\n        as dishwasher safe for easier everyday cleanup.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        What can I use the colanders for?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"cc-faq-answer\"\u003e\n        They are useful for rinsing fruits and vegetables,\n        draining pasta, washing grains or beans and handling\n        a range of everyday food-prep tasks.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Will it work with a farmhouse sink?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"cc-faq-answer\"\u003e\n        Compatibility depends on the height and shape of the sink lip.\n        Very high raised farmhouse-style edges may prevent the drainage\n        outlet from reaching over the sink correctly.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        How much space does the set take when stored?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"cc-faq-answer\"\u003e\n        The collapsible design allows the set to nest down to\n        approximately 1.3 inches high, making it easier to store\n        in a drawer or cabinet.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       SECURE CHECKOUT\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-trust\"\u003e\n\n    \u003csvg viewbox=\"0 0 24 24\" width=\"34\" height=\"34\" fill=\"none\" stroke=\"#A8DF61\" stroke-width=\"2\" style=\"margin-bottom:10px;\"\u003e\n      \u003cpath d=\"M12 3l8 3v5c0 5-3.4 8.5-8 10-4.6-1.5-8-5-8-10V6l8-3z\"\u003e\u003c\/path\u003e\n      \u003cpath d=\"M8.5 12l2.2 2.2 4.8-5\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n\n\n    \u003ch3 class=\"cc-trust-title\"\u003e\n      Guaranteed Safe \u0026amp; Secure Checkout\n    \u003c\/h3\u003e\n\n\n    \u003cp class=\"cc-trust-copy\"\u003e\n      Complete your order securely with popular trusted payment options.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"cc-payments\"\u003e\n\n      \u003cdiv class=\"cc-pay-badge\"\u003e\n        PayPal\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cc-pay-badge\"\u003e\n        VISA\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cc-pay-badge\"\u003e\n        Mastercard\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cc-pay-badge\"\u003e\n        Apple Pay\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"cc-help\"\u003e\n      Questions about your order? Our support team is here to help.\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =========================================================\n       BOTTOM ADD TO CART CTA\n\n       Matches the Sthael product-page behavior:\n       - does NOT navigate to \/cart\n       - triggers the page's original ADD TO CART button\n       - keeps the currently selected offer \/ variant \/ quantity\n       - lets the theme handle AJAX add-to-cart + Cart Drawer\n  ========================================================== --\u003e\n\n  \u003csection class=\"cc-cta-wrap\"\u003e\n\n    \u003cbutton type=\"button\" class=\"cc-cta\" aria-label=\"Add selected product to cart\" onclick='(function(el){\n        var currentY = el.getBoundingClientRect().top + window.scrollY;\n        var target = null;\n        var bestY = -Infinity;\n\n        \/* Prefer the native main-product add button used by Shopify\/Shrine. *\/\n        var selectors = [\n          \"form[action*=\\\"\/cart\/add\\\"] button[name=\\\"add\\\"]\",\n          \"form[action*=\\\"\/cart\/add\\\"] .product-form__submit\",\n          \"button[name=\\\"add\\\"].product-form__submit\",\n          \"button[name=\\\"add\\\"]\",\n          \".product-form__submit\"\n        ];\n\n        var candidates = [];\n        for (var s = 0; s \u0026lt; selectors.length; s++) {\n          var found = document.querySelectorAll(selectors[s]);\n          for (var i = 0; i \u0026lt; found.length; i++) {\n            if (candidates.indexOf(found[i]) === -1) {\n              candidates.push(found[i]);\n            }\n          }\n        }\n\n        \/* Pick the closest visible\/enabled native ADD TO CART above this CTA. *\/\n        for (var j = 0; j \u0026lt; candidates.length; j++) {\n          var btn = candidates[j];\n\n          if (\n            btn === el ||\n            btn.disabled ||\n            btn.offsetParent === null ||\n            btn.closest(\".cc-cta-wrap\")\n          ) {\n            continue;\n          }\n\n          var label = (btn.textContent || btn.value || \"\").replace(\/\\s+\/g, \" \").trim().toLowerCase();\n          if (label \u0026amp;\u0026amp; label.indexOf(\"add to cart\") === -1 \u0026amp;\u0026amp; btn.name !== \"add\") {\n            continue;\n          }\n\n          var btnY = btn.getBoundingClientRect().top + window.scrollY;\n\n          if (btnY \u0026lt; currentY \u0026amp;\u0026amp; btnY \u0026gt; bestY) {\n            target = btn;\n            bestY = btnY;\n          }\n        }\n\n        \/* Fallback: use the first visible native product-form submit button. *\/\n        if (!target) {\n          for (var k = 0; k \u0026lt; candidates.length; k++) {\n            var fallback = candidates[k];\n            if (\n              fallback !== el \u0026amp;\u0026amp;\n              !fallback.disabled \u0026amp;\u0026amp;\n              fallback.offsetParent !== null \u0026amp;\u0026amp;\n              !fallback.closest(\".cc-cta-wrap\")\n            ) {\n              target = fallback;\n              break;\n            }\n          }\n        }\n\n        if (target) {\n          target.click();\n        }\n      })(this);'\u003e\n\n      \u003cspan class=\"cc-cta-top\"\u003e\n\n        ADD TO CART\n\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M3 4h2l2.2 10.2a2 2 0 002 1.6h7.9a2 2 0 002-1.6L21 7H6\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"10\" cy=\"20\" r=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"18\" cy=\"20\" r=\"1\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n\n      \u003c\/span\u003e\n\n      \u003cspan class=\"cc-cta-small\"\u003e\n        Add your selected option \u0026amp; open the cart\n      \u003c\/span\u003e\n\n    \u003c\/button\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"wzh","offers":[{"title":"White (Includes base)","offer_id":44900117086298,"sku":"PL01122609247538-白色3件套+底座","price":49.98,"currency_code":"USD","in_stock":true},{"title":"Green (Includes base)","offer_id":44900117119066,"sku":"PL01122609247538-绿色3件套+底座","price":49.98,"currency_code":"USD","in_stock":true},{"title":"Blue (Includes base)","offer_id":44900117151834,"sku":"PL01122609247538-蓝色3件套+底座","price":49.98,"currency_code":"USD","in_stock":true},{"title":"Red (Includes base)","offer_id":44900117184602,"sku":"PL01122609247538-红色3件套+底座","price":49.98,"currency_code":"USD","in_stock":true},{"title":"Mixed colors (Includes base)","offer_id":44900117217370,"sku":"PL01122609247538-大绿+中蓝+小红+底座","price":49.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/1_29__11zon_1.webp?v=1790234449","url":"https:\/\/sthael.com\/de\/products\/%f0%9f%8e%813-piece-collapsible-colander-set-with-self-draining-base","provider":"Sthael","version":"1.0","type":"link"}