{"id":1669,"date":"2026-05-25T01:22:20","date_gmt":"2026-05-25T01:22:20","guid":{"rendered":"https:\/\/wonhimealbox.com\/?page_id=1669"},"modified":"2026-05-25T03:56:40","modified_gmt":"2026-05-25T03:56:40","slug":"material-decision-tool","status":"publish","type":"page","link":"https:\/\/wonhimealbox.com\/de\/custom-food-packaging\/custom-takeout-boxes\/material-decision-tool\/","title":{"rendered":"Materialentscheidungstool"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-dbed046\" data-block-id=\"dbed046\"><style>.stk-dbed046 {margin-bottom:33px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-dbed046-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-06e9e11\" data-v=\"4\" data-block-id=\"06e9e11\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-06e9e11-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-06e9e11-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3a2682a\" data-block-id=\"3a2682a\"><style>.stk-3a2682a {margin-bottom:33px !important;}.stk-3a2682a-column{--stk-columns-spacing:var(--stk--preset--spacing--40, 1rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-3a2682a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b66e7ee\" data-v=\"4\" data-block-id=\"b66e7ee\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b66e7ee-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b66e7ee-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3537b03\" data-block-id=\"3537b03\"><style>.stk-3537b03 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3537b03-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-01ddd76\" data-v=\"4\" data-block-id=\"01ddd76\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-01ddd76-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-01ddd76-inner-blocks\">\n<style>\n  \/* ==========================================================================\n     Scope: #wh-material-tool\n     Description: Interactive B2B Decision Dashboard (Zero Whitespace)\n     ========================================================================== *\/\n\n  \/* 1. \u5168\u5c40\u5bb9\u5668\u4e0e\u91cd\u7f6e *\/\n  #wh-material-tool {\n    width: 100% !important;\n    background-color: #FFFFFF !important;\n    padding: 60px 0 !important; \n    box-sizing: border-box !important;\n  }\n\n  #wh-material-tool * {\n    box-sizing: border-box !important;\n  }\n\n  #wh-material-tool .wh-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 0 40px !important;\n  }\n\n  \/* 2. \u5934\u90e8\u5b9a\u8c03\u533a *\/\n  #wh-material-tool .wh-header {\n    margin-bottom: 40px !important;\n  }\n\n  #wh-material-tool h1.wh-title-h1 {\n    color: #181818 !important; \/* \u4e3b\u8272\u8c03 *\/\n    font-size: 32px !important; \/* \u9075\u5faaBlocksy\u9ed8\u8ba4\u503c *\/\n    font-weight: 800 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 16px 0 !important;\n    padding-left: 20px !important;\n    border-left: 6px solid #D81818 !important; \/* \u526f\u8272\u8c03\u5f3a\u8c03\u7ebf *\/\n    letter-spacing: -0.5px !important;\n  }\n\n  #wh-material-tool p.wh-lead-p {\n    color: #333333 !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n    max-width: 1000px !important;\n  }\n\n  \/* 3. \u6838\u5fc3\u4ea4\u4e92\u7f51\u683c\uff1a\u5de6\u53f3\u5206\u680f\uff0c\u65e0\u7f1d\u5bf9\u63a5 (\u6d88\u9664\u7559\u767d) *\/\n  #wh-material-tool .wh-tool-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    border: 1px solid #EAEAEA !important;\n    background-color: #FFFFFF !important;\n    align-items: stretch !important;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;\n  }\n\n  \/* --- \u5de6\u4fa7\uff1a\u8f93\u5165\u8868\u5355\u533a --- *\/\n  #wh-material-tool .wh-form-panel {\n    padding: 50px !important;\n    background-color: #FAFAFA !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n  }\n\n  #wh-material-tool .wh-step {\n    margin-bottom: 30px !important;\n  }\n\n  #wh-material-tool .wh-step:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  #wh-material-tool label.wh-label {\n    display: block !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    color: #555555 !important;\n    margin-bottom: 10px !important;\n  }\n\n  #wh-material-tool select.wh-select {\n    width: 100% !important;\n    height: 54px !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    color: #181818 !important;\n    background-color: #FFFFFF !important;\n    border: 2px solid #E5E5E5 !important;\n    padding: 0 40px 0 16px !important;\n    outline: none !important;\n    border-radius: 0 !important;\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    cursor: pointer !important;\n    transition: all 0.2s ease !important;\n    \/* \u539f\u751f SVG \u4e0b\u62c9\u7bad\u5934 *\/\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='12' height='8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23181818' stroke-width='2' stroke-linecap='square'\/%3E%3C\/svg%3E\") !important;\n    background-repeat: no-repeat !important;\n    background-position: right 16px center !important;\n  }\n\n  #wh-material-tool select.wh-select:hover,\n  #wh-material-tool select.wh-select:focus {\n    border-color: #181818 !important;\n  }\n\n  \/* --- \u53f3\u4fa7\uff1a\u7ed3\u679c\u8f93\u51fa\u533a (\u6697\u9ed1\u9762\u677f\u9ad8\u4eae\u9ad8\u7ea7\u611f) --- *\/\n  #wh-material-tool .wh-result-panel {\n    padding: 50px !important;\n    background-color: #181818 !important; \/* \u4e3b\u8272\u8c03\u6c89\u6d78 *\/\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n  }\n\n  #wh-material-tool h3.wh-title-h3 {\n    color: #FFFFFF !important;\n    font-size: 24px !important;\n    font-weight: 800 !important;\n    margin: 0 0 30px 0 !important;\n    padding-bottom: 15px !important;\n    border-bottom: 2px solid #333333 !important;\n  }\n\n  #wh-material-tool .wh-result-row {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: flex-start !important;\n    padding: 16px 0 !important;\n    border-bottom: 1px solid #2A2A2A !important;\n    gap: 20px !important;\n  }\n\n  #wh-material-tool .wh-result-row:last-of-type {\n    border-bottom: none !important;\n    margin-bottom: 30px !important;\n  }\n\n  #wh-material-tool .wh-key {\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    color: #888888 !important;\n    flex-shrink: 0 !important;\n    width: 100px !important;\n  }\n\n  #wh-material-tool .wh-val {\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    color: #FFFFFF !important;\n    text-align: right !important;\n    flex: 1 !important;\n  }\n\n  \/* CTA \u6309\u94ae\u4e0e\u63d0\u793a *\/\n  #wh-material-tool a.wh-cta-btn {\n    display: block !important;\n    width: 100% !important;\n    padding: 18px 20px !important;\n    background-color: #D81818 !important; \/* \u526f\u8272\u8c03\u884c\u52a8\u53f7\u53ec *\/\n    color: #FFFFFF !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    text-align: center !important;\n    text-decoration: none !important;\n    border-radius: 2px !important;\n    transition: background-color 0.3s ease !important;\n  }\n\n  #wh-material-tool a.wh-cta-btn:hover {\n    background-color: #A91414 !important;\n  }\n\n  #wh-material-tool p.wh-notes-p {\n    margin: 16px 0 0 0 !important;\n    font-size: 12px !important;\n    color: #666666 !important;\n    line-height: 1.5 !important;\n    text-align: center !important;\n  }\n\n  \/* 4. \u54cd\u5e94\u5f0f\u63a7\u5236 *\/\n  @media (max-width:1000px) {\n    #wh-material-tool .wh-form-panel,\n    #wh-material-tool .wh-result-panel {\n      padding: 40px !important;\n    }\n  }\n\n  @media (max-width:690px) {\n    #wh-material-tool {\n      padding: 40px 0 !important;\n    }\n    #wh-material-tool .wh-container {\n      padding: 0 15px !important;\n    }\n    #wh-material-tool h1.wh-title-h1 {\n      font-size: 26px !important;\n      padding-left: 15px !important;\n      border-left-width: 4px !important;\n    }\n    #wh-material-tool .wh-tool-grid {\n      grid-template-columns: 1fr !important; \/* \u79fb\u52a8\u7aef\u4e0a\u4e0b\u5806\u53e0 *\/\n    }\n    #wh-material-tool .wh-form-panel {\n      padding: 30px 20px !important;\n    }\n    #wh-material-tool .wh-result-panel {\n      padding: 30px 20px !important;\n    }\n    #wh-material-tool .wh-result-row {\n      flex-direction: column !important;\n      align-items: flex-start !important;\n      gap: 6px !important;\n    }\n    #wh-material-tool .wh-val {\n      text-align: left !important;\n    }\n  }\n<\/style>\n\n<section id=\"wh-material-tool\">\n  <div class=\"wh-container\">\n    \n    <div class=\"wh-header\">\n      <h1 class=\"wh-title-h1\">Material Decision Tool \u2014 Custom Takeout Boxes<\/h1>\n      <p class=\"wh-lead-p\">Four inputs. One recommended material + SKU line. Designed for procurement teams who need a defensible recommendation before requesting a quote.<\/p>\n    <\/div>\n\n    <div class=\"wh-tool-grid\">\n      \n      <div class=\"wh-form-panel\">\n        <div class=\"wh-step\">\n          <label class=\"wh-label\" for=\"food\">1. Primary food type<\/label>\n          <select id=\"food\" class=\"wh-select\">\n            <option value=\"hot-saucy\">Hot &amp; saucy (curry, stew, ramen)<\/option>\n            <option value=\"hot-dry\">Hot &amp; dry (rice bowl, pasta)<\/option>\n            <option value=\"cold-salad\">Cold salad \/ poke \/ sushi<\/option>\n            <option value=\"burger-fries\">Burger \/ fries \/ casual<\/option>\n            <option value=\"bakery\">Bakery \/ dessert<\/option>\n            <option value=\"soup\">Soup \/ liquid<\/option>\n          <\/select>\n        <\/div>\n        \n        <div class=\"wh-step\">\n          <label class=\"wh-label\" for=\"reheat\">2. Reheat expectation at customer end<\/label>\n          <select id=\"reheat\" class=\"wh-select\">\n            <option value=\"full-mw\">Full microwave (&gt;120\u00b0C)<\/option>\n            <option value=\"reheat-mw\">Light microwave reheat<\/option>\n            <option value=\"no-mw\">No microwave needed<\/option>\n          <\/select>\n        <\/div>\n        \n        <div class=\"wh-step\">\n          <label class=\"wh-label\" for=\"delivery\">3. Delivery distance \/ time<\/label>\n          <select id=\"delivery\" class=\"wh-select\">\n            <option value=\"long\">Long (45+ min delivery)<\/option>\n            <option value=\"medium\">Medium (15\u201345 min)<\/option>\n            <option value=\"short\">Short \/ dine-in pickup<\/option>\n          <\/select>\n        <\/div>\n        \n        <div class=\"wh-step\">\n          <label class=\"wh-label\" for=\"market\">4. Target regulatory market<\/label>\n          <select id=\"market\" class=\"wh-select\">\n            <option value=\"ca-wa-ny\">CA \/ WA \/ NY (PFAS &amp; plastic restrictions)<\/option>\n            <option value=\"eu\">European Union (1935\/2004)<\/option>\n            <option value=\"us-general\">US general market (FDA only)<\/option>\n            <option value=\"apac\">Asia-Pacific (GB \/ general)<\/option>\n            <option value=\"mena-latam\">Middle East \/ Latin America<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <div class=\"wh-result-panel\">\n        <h3 class=\"wh-title-h3\">Recommendation<\/h3>\n        \n        <div class=\"wh-result-row\">\n          <div class=\"wh-key\">Material<\/div>\n          <div class=\"wh-val\" id=\"r-mat\">\u2014<\/div>\n        <\/div>\n        <div class=\"wh-result-row\">\n          <div class=\"wh-key\">SKU Line<\/div>\n          <div class=\"wh-val\" id=\"r-line\">\u2014<\/div>\n        <\/div>\n        <div class=\"wh-result-row\">\n          <div class=\"wh-key\">Temp Range<\/div>\n          <div class=\"wh-val\" id=\"r-temp\">\u2014<\/div>\n        <\/div>\n        <div class=\"wh-result-row\">\n          <div class=\"wh-key\">Leak Rating<\/div>\n          <div class=\"wh-val\" id=\"r-leak\">\u2014<\/div>\n        <\/div>\n        <div class=\"wh-result-row\">\n          <div class=\"wh-key\">Cert Path<\/div>\n          <div class=\"wh-val\" id=\"r-cert\">\u2014<\/div>\n        <\/div>\n        <div class=\"wh-result-row\">\n          <div class=\"wh-key\">MOQ Tier<\/div>\n          <div class=\"wh-val\" id=\"r-moq\">\u2014<\/div>\n        <\/div>\n\n        <a href=\"#ct-popup-791\" class=\"wh-cta-btn\">Request quote for this configuration \u2192<\/a>\n        <p class=\"wh-notes-p\">Recommendations are reference guidance based on Wanhui 2024\u20132025 RFQ patterns. Final SKU specification confirmed during quote process.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/* ==========================================================================\n     Scope: Vanilla JS Logic (Encapsulated to prevent global scope pollution)\n     ========================================================================== *\/\n  (function(){\n    function recommend(){\n      var f = document.getElementById('food').value,\n          r = document.getElementById('reheat').value,\n          d = document.getElementById('delivery').value,\n          m = document.getElementById('market').value;\n\n      var mat = 'MFPP', \n          line = 'Line 02 (Hinged-Lid Clamshell)', \n          temp = '-20 to 130\u00b0C', \n          leak = '\u226599%', \n          cert = 'FDA + EU + GB', \n          moq = '10k custom print';\n\n      \/\/ Eco-mandated markets override\n      if(m === 'ca-wa-ny' || m === 'eu'){\n        if(f === 'hot-saucy' || f === 'hot-dry' || f === 'soup'){\n          mat = 'Bagasse';\n          line = 'Line 04 (Biodegradable)';\n          temp = '-20 to 220\u00b0C';\n          leak = '\u226590%';\n          cert = 'ASTM D6400 + BPI + EN 13432 + PFAS-free';\n          moq = '10k custom print';\n        } else if(f === 'cold-salad') {\n          mat = 'PLA-lined Bagasse';\n          line = 'Line 04 (Biodegradable)';\n          temp = '-20 to 60\u00b0C';\n          leak = '\u226595%';\n          cert = 'ASTM D6400 + BPI + PFAS-free';\n          moq = '10k custom print';\n        } else if(f === 'burger-fries' || f === 'bakery'){\n          mat = 'Kraft + PE-lined';\n          line = 'Line 04\/06 (Kraft + Accessories)';\n          temp = '-10 to 100\u00b0C';\n          leak = '\u226580%';\n          cert = 'ASTM D6868 + PFAS-free';\n          moq = '10k custom print';\n        }\n      }\n      \/\/ Hot saucy with full microwave\n      else if(f === 'hot-saucy' && r === 'full-mw'){\n        mat = 'MFPP'; line = 'Line 02 (Hinged-Lid Clamshell)'; temp = '-20 to 130\u00b0C'; leak = '\u226599%'; cert = 'FDA + EU + GB';\n      }\n      else if(f === 'hot-dry' && r === 'full-mw'){\n        mat = 'MFPP'; line = 'Line 02 (Hinged-Lid Clamshell)'; temp = '-20 to 130\u00b0C'; leak = '\u226599%'; cert = 'FDA + EU + GB';\n      }\n      else if(f === 'soup'){\n        mat = 'MFPP'; line = 'Line 02 (Soup Variants)'; temp = '-20 to 130\u00b0C'; leak = '\u226599% with snap-tight lid'; cert = 'FDA + EU + GB';\n      }\n      else if(f === 'cold-salad'){\n        mat = 'PP Transparent'; line = 'Line 03 (Transparent PP)'; temp = '-20 to 120\u00b0C'; leak = '\u226595%'; cert = 'FDA + EU + GB';\n      }\n      else if(f === 'burger-fries'){\n        mat = 'PP Black or Kraft'; line = 'Line 03 (Black PP) or Line 06 (Kraft)'; temp = '-20 to 120\u00b0C'; leak = '\u226580\u201395%'; cert = 'FDA + EU + GB';\n      }\n      else if(f === 'bakery'){\n        mat = 'Kraft + PP Lid'; line = 'Line 04\/06 (Bakery)'; temp = '-10 to 100\u00b0C'; leak = '\u226580%'; cert = 'FDA + ASTM D6868';\n      }\n      else if(f === 'hot-saucy' || f === 'hot-dry'){\n        mat = 'Standard PP'; line = 'Line 01 \/ 03'; temp = '-20 to 120\u00b0C'; leak = '\u226595%'; cert = 'FDA + EU + GB';\n      }\n\n      \/\/ Delivery distance escalates leak demand for hot foods\n      if(d === 'long' && (f === 'hot-saucy' || f === 'soup') && mat !== 'MFPP' && mat !== 'Bagasse'){\n        mat = 'MFPP'; line = 'Line 02 (Hinged-Lid Clamshell)'; leak = '\u226599%'; temp = '-20 to 130\u00b0C';\n      }\n\n      document.getElementById('r-mat').textContent = mat;\n      document.getElementById('r-line').textContent = line;\n      document.getElementById('r-temp').textContent = temp;\n      document.getElementById('r-leak').textContent = leak;\n      document.getElementById('r-cert').textContent = cert;\n      document.getElementById('r-moq').textContent = moq;\n    }\n\n    ['food','reheat','delivery','market'].forEach(function(id){\n      document.getElementById(id).addEventListener('change', recommend);\n    });\n    \n    \/\/ Initialize on load\n    recommend();\n  })();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Material Decision Tool \u2014 Custom Takeout Boxes Four inputs. One recommended material + SKU line. Designed for procurement teams who need a defensible recommendation before requesting a quote. 1. Primary food type Hot &amp; saucy (curry, stew, ramen)Hot &amp; dry (rice bowl, pasta)Cold salad \/ poke \/ sushiBurger \/ fries \/ casualBakery \/ dessertSoup \/ [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":1662,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1669","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/pages\/1669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/comments?post=1669"}],"version-history":[{"count":0,"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/pages\/1669\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/pages\/1662"}],"wp:attachment":[{"href":"https:\/\/wonhimealbox.com\/de\/wp-json\/wp\/v2\/media?parent=1669"}],"curies":[{"name":"Wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}