{"id":4063,"date":"2026-01-07T08:48:47","date_gmt":"2026-01-07T08:48:47","guid":{"rendered":"https:\/\/mesoforming.com\/?page_id=4063"},"modified":"2026-01-08T09:53:24","modified_gmt":"2026-01-08T09:53:24","slug":"thermoforming-draw-ratio-calculator","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/pt\/thermoforming-draw-ratio-calculator\/","title":{"rendered":"Thermoforming Draw Ratio Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4063\" class=\"elementor elementor-4063\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-715b1da e-con-full e-flex e-con e-parent\" data-id=\"715b1da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1ce3146 e-con-full e-flex e-con e-child\" data-id=\"1ce3146\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7efecef elementor-widget elementor-widget-html\" data-id=\"7efecef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<!-- Structured Data -->\r\n<script type=\"application\/ld+json\">\r\n[\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"SoftwareApplication\",\r\n    \"name\": \"Thermoforming Draw Ratio Calculator\",\r\n    \"operatingSystem\": \"Web Browser\",\r\n    \"applicationCategory\": \"EngineeringTool\",\r\n    \"description\": \"Calculate draw ratios and estimate wall thickness for thermoformed cups and trays. Identify the need for Servo Plug Assist technology.\",\r\n    \"author\": {\r\n      \"@type\": \"Organization\",\r\n      \"name\": \"Mesoforming Technology\",\r\n      \"url\": \"https:\/\/mesoforming.com\"\r\n    },\r\n    \"offers\": {\r\n      \"@type\": \"Offer\",\r\n      \"price\": \"0\",\r\n      \"priceCurrency\": \"USD\"\r\n    }\r\n  },\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"FAQPage\",\r\n    \"mainEntity\": [\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"What is a safe Draw Ratio for vacuum forming?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Generally, a Draw Ratio below 0.8 is considered safe for standard vacuum forming. Ratios above 1.0 typically require Plug Assist technology.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"How to calculate thermoforming wall thickness?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Estimated Wall Thickness = Original Sheet Thickness \/ Area Ratio.\"\r\n        }\r\n      }\r\n    ]\r\n  }\r\n]\r\n<\/script>\r\n\r\n<style>\r\n  \/* =========================================\r\n     ISOLATION & RESET (The \"Anti-Conflict\" Layer)\r\n     ========================================= *\/\r\n  \r\n  \/* Scoping everything to #meso-widget-root to ignore WP\/Elementor styles *\/\r\n  #meso-widget-root {\r\n    \/* Font Stack *\/\r\n    --font-stack: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n    \r\n    \/* Variables *\/\r\n    --primary-start: #711be1;\r\n    --primary-end: #4a00b0;\r\n    --primary-gradient: linear-gradient(135deg, var(--primary-start), var(--primary-end));\r\n    --accent: #ff6b00;\r\n    --accent-hover: #ff7b1a;\r\n    --bg-white: #ffffff;\r\n    --bg-light: #f8f9fa;\r\n    --text-dark: #333333;\r\n    --text-gray: #666666;\r\n    --border-color: #e9ecef;\r\n    --safe: #28a745;\r\n    --warning: #ffc107;\r\n    --danger: #dc3545;\r\n    --card-shadow: 0 10px 30px rgba(113, 27, 225, 0.08);\r\n    --hover-shadow: 0 15px 40px rgba(113, 27, 225, 0.15);\r\n    --depth-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\r\n    --depth-hover: 0 12px 32px rgba(113, 27, 225, 0.12);\r\n\r\n    \/* Base Reset for Container *\/\r\n    font-family: var(--font-stack);\r\n    color: var(--text-dark);\r\n    background-color: #f4f6f9; \/* Ensure background isn't transparent *\/\r\n    line-height: 1.6;\r\n    text-align: left;\r\n    width: 100%;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    display: block;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Aggressive Reset for children elements to fight Theme Inheritance *\/\r\n  #meso-widget-root *, \r\n  #meso-widget-root *::before, \r\n  #meso-widget-root *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #meso-widget-root h2, \r\n  #meso-widget-root h3, \r\n  #meso-widget-root p, \r\n  #meso-widget-root label {\r\n    margin: 0;\r\n    padding: 0;\r\n    line-height: 1.4;\r\n    color: inherit;\r\n    font-family: inherit;\r\n  }\r\n\r\n  \/* Fix for Theme Inputs (making sure they are white and bordered) *\/\r\n  #meso-widget-root input[type=\"text\"],\r\n  #meso-widget-root input[type=\"number\"],\r\n  #meso-widget-root input[type=\"email\"],\r\n  #meso-widget-root input[type=\"tel\"],\r\n  #meso-widget-root select {\r\n    background-color: #ffffff !important;\r\n    background-image: none !important;\r\n    border: 2px solid #e1e4e8 !important;\r\n    border-radius: 6px !important;\r\n    color: #333333 !important;\r\n    font-family: var(--font-stack) !important;\r\n    font-size: 16px !important;\r\n    height: auto !important;\r\n    padding: 12px 15px !important;\r\n    width: 100% !important;\r\n    box-shadow: none !important;\r\n    margin: 0 !important;\r\n    display: block !important;\r\n    outline: none !important;\r\n    transition: border-color 0.2s;\r\n  }\r\n\r\n  #meso-widget-root input:focus, \r\n  #meso-widget-root select:focus {\r\n    border-color: var(--primary-start) !important;\r\n  }\r\n\r\n  \/* Fix for Theme Buttons *\/\r\n  #meso-widget-root button {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    box-shadow: none;\r\n    text-shadow: none;\r\n  }\r\n\r\n  \/* Fix for Icons *\/\r\n  #meso-widget-root .icon { \r\n    width: 1.1em; \r\n    height: 1.1em; \r\n    fill: currentColor; \r\n    vertical-align: -0.2em; \r\n    display: inline-block; \r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Layout Container *\/\r\n  #meso-widget-root .meso-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* =========================================\r\n     1. HERO SECTION\r\n     ========================================= *\/\r\n  #meso-widget-root .meso-hero {\r\n    background: var(--primary-gradient);\r\n    color: #fff;\r\n    \/* Large top padding to avoid menu overlap *\/\r\n    padding: 160px 0 140px; \r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n  \r\n  #meso-widget-root .meso-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: -50px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100px;\r\n    background: #f4f6f9;\r\n    border-radius: 50% 50% 0 0 \/ 100% 100% 0 0;\r\n    transform: scaleX(1.5);\r\n    z-index: 1;\r\n  }\r\n\r\n  #meso-widget-root .hero-title {\r\n    font-weight: 400; \r\n    font-size: 2.8rem;\r\n    margin: 0 0 15px 0;\r\n    letter-spacing: -0.5px;\r\n    line-height: 1.2;\r\n    color: #ffffff;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n  \r\n  #meso-widget-root .hero-subtitle {\r\n    font-weight: 300;\r\n    font-size: 1.2rem;\r\n    opacity: 0.95;\r\n    max-width: 600px;\r\n    margin: 0 auto 20px auto;\r\n    color: rgba(255,255,255,0.9);\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Breadcrumbs *\/\r\n  #meso-widget-root .breadcrumbs {\r\n    font-size: 0.9rem;\r\n    color: rgba(255,255,255,0.8);\r\n    margin-top: 20px;\r\n    z-index: 5;\r\n    position: relative;\r\n    display: block;\r\n  }\r\n  #meso-widget-root .breadcrumbs a {\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n    border-bottom: 1px solid rgba(255,255,255,0.3);\r\n    transition: opacity 0.2s;\r\n  }\r\n  #meso-widget-root .breadcrumbs a:hover { opacity: 0.7; }\r\n  #meso-widget-root .breadcrumbs span { margin: 0 5px; opacity: 0.5; }\r\n\r\n  \/* =========================================\r\n     2. CALCULATOR CARD\r\n     ========================================= *\/\r\n  #meso-widget-root .calculator-wrapper {\r\n    margin-top: -80px; \r\n    margin-bottom: 60px;\r\n    position: relative;\r\n    z-index: 10;\r\n    animation: fadeInUp 0.8s ease-out;\r\n  }\r\n\r\n  #meso-widget-root .calc-card {\r\n    background: var(--bg-white);\r\n    border-radius: 12px;\r\n    box-shadow: var(--card-shadow);\r\n    overflow: hidden;\r\n    border-top: 5px solid var(--accent);\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* Tabs *\/\r\n  #meso-widget-root .calc-tabs {\r\n    display: flex;\r\n    background: #f1f3f5;\r\n    border-bottom: 1px solid var(--border-color);\r\n  }\r\n  \r\n  #meso-widget-root .calc-tab-btn {\r\n    flex: 1;\r\n    padding: 20px;\r\n    border: none;\r\n    background: transparent;\r\n    font-family: var(--font-stack);\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    color: var(--text-gray);\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    outline: none;\r\n  }\r\n  \r\n  #meso-widget-root .calc-tab-btn:hover { background: rgba(113, 27, 225, 0.05); color: var(--primary-start); }\r\n  #meso-widget-root .calc-tab-btn.active {\r\n    background: #fff;\r\n    color: var(--primary-start);\r\n    box-shadow: 0 -3px 0 var(--primary-start) inset;\r\n  }\r\n\r\n  \/* Body *\/\r\n  #meso-widget-root .calc-body {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 40px;\r\n    gap: 50px;\r\n  }\r\n\r\n  #meso-widget-root .calc-inputs { flex: 1; min-width: 300px; }\r\n  \r\n  #meso-widget-root .calc-results {\r\n    flex: 1;\r\n    min-width: 300px;\r\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\r\n    padding: 30px;\r\n    border-radius: 10px;\r\n    border: 1px solid #dee2e6;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n  }\r\n  #meso-widget-root .calc-results:hover { transform: translateY(-3px); box-shadow: var(--hover-shadow); }\r\n\r\n  \/* Inputs *\/\r\n  #meso-widget-root .input-group { margin-bottom: 25px; }\r\n  #meso-widget-root .input-group label {\r\n    display: block;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    color: var(--text-dark);\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n  \r\n  #meso-widget-root .input-wrapper { position: relative; }\r\n  \r\n  \/* Hard reset on input padding for unit positioning *\/\r\n  #meso-widget-root input.input-field {\r\n    padding-right: 40px !important; \r\n  }\r\n\r\n  #meso-widget-root .input-unit {\r\n    position: absolute;\r\n    right: 15px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #adb5bd;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    pointer-events: none;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* Results *\/\r\n  #meso-widget-root .res-item {\r\n    margin-bottom: 25px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0,0,0,0.05);\r\n  }\r\n  #meso-widget-root .res-item:last-child { margin-bottom: 0; border-bottom: none; }\r\n  \r\n  #meso-widget-root .res-title {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: var(--text-gray);\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n  \r\n  #meso-widget-root .res-val {\r\n    font-size: 36px;\r\n    font-weight: 900;\r\n    color: var(--text-dark);\r\n    line-height: 1.2;\r\n    margin-top: 5px;\r\n  }\r\n  #meso-widget-root .res-val.safe { color: var(--safe); }\r\n  #meso-widget-root .res-val.warning { color: var(--warning); }\r\n  #meso-widget-root .res-val.danger { color: var(--danger); }\r\n\r\n  \/* Advice Cards *\/\r\n  #meso-widget-root .advice-container { margin-top: 20px; min-height: 110px; }\r\n  #meso-widget-root .advice-card {\r\n    background: #fff;\r\n    padding: 15px 20px;\r\n    border-radius: 8px;\r\n    border-left: 4px solid #ccc;\r\n    font-size: 14px;\r\n    display: none;\r\n    animation: fadeInUp 0.5s;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n    color: #555;\r\n  }\r\n  #meso-widget-root .advice-card.show { display: block; }\r\n  #meso-widget-root .advice-card.safe { border-left-color: var(--safe); background: #f0fff4; }\r\n  #meso-widget-root .advice-card.warning { border-left-color: var(--warning); background: #fff9db; }\r\n  #meso-widget-root .advice-card.danger { border-left-color: var(--danger); background: #fff5f5; }\r\n  \r\n  #meso-widget-root .advice-head {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-weight: 700;\r\n    margin-bottom: 5px;\r\n    font-size: 15px;\r\n  }\r\n  #meso-widget-root .safe .advice-head { color: var(--safe); }\r\n  #meso-widget-root .warning .advice-head { color: #d4a000; }\r\n  #meso-widget-root .danger .advice-head { color: var(--danger); }\r\n\r\n  \/* Link in Results *\/\r\n  #meso-widget-root .result-link-box { margin-top: 20px; text-align: right; }\r\n  #meso-widget-root .result-link-box a {\r\n    color: var(--primary-start) !important;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n  }\r\n\r\n  \/* =========================================\r\n     3. SEO CONTENT (3D Cards)\r\n     ========================================= *\/\r\n  #meso-widget-root .content-section { \r\n    background: #fff; \r\n    padding: 60px 0; \r\n    border-top: 1px solid #e9ecef; \r\n  }\r\n  \r\n  #meso-widget-root .seo-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 40px;\r\n  }\r\n  \r\n  #meso-widget-root .seo-block {\r\n    background: #fff;\r\n    padding: 30px;\r\n    border-radius: 12px;\r\n    box-shadow: var(--depth-shadow);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    border: 1px solid rgba(0,0,0,0.02);\r\n    height: 100%;\r\n  }\r\n\r\n  #meso-widget-root .seo-block:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: var(--depth-hover);\r\n  }\r\n  \r\n  #meso-widget-root .seo-block h2 {\r\n    font-size: 1.5rem;\r\n    color: var(--primary-start);\r\n    margin: 0 0 20px 0;\r\n    position: relative;\r\n    padding-bottom: 12px;\r\n    font-weight: 700;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  \r\n  #meso-widget-root .seo-block h2::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 60px;\r\n    height: 3px;\r\n    background: linear-gradient(to right, var(--primary-start), var(--accent));\r\n  }\r\n  \r\n  #meso-widget-root .seo-block p { \r\n    color: #555; \r\n    margin-bottom: 0; \r\n    font-size: 1rem; \r\n    line-height: 1.7;\r\n  }\r\n  \r\n  #meso-widget-root .seo-block h2 .icon { color: var(--accent); }\r\n\r\n  \/* =========================================\r\n     4. FAQ SECTION\r\n     ========================================= *\/\r\n  #meso-widget-root .faq-section {\r\n    background: #f8f9fa;\r\n    padding: 80px 0;\r\n    border-top: 1px solid #e9ecef;\r\n  }\r\n  #meso-widget-root .faq-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n  #meso-widget-root .faq-title {\r\n    font-size: 2.2rem;\r\n    color: var(--text-dark);\r\n    margin: 0 0 10px 0;\r\n    font-weight: 700;\r\n  }\r\n  #meso-widget-root .faq-subtitle {\r\n    font-size: 1.1rem;\r\n    color: var(--text-gray);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n  }\r\n  #meso-widget-root .faq-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px;\r\n  }\r\n  #meso-widget-root .faq-item {\r\n    background: #fff;\r\n    padding: 25px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.03);\r\n    display: flex;\r\n    gap: 15px;\r\n    align-items: flex-start;\r\n  }\r\n  #meso-widget-root .faq-num {\r\n    font-weight: 900;\r\n    font-size: 1.2rem;\r\n    color: var(--accent);\r\n    line-height: 1;\r\n    min-width: 30px;\r\n  }\r\n  #meso-widget-root .faq-content h3 {\r\n    margin: 0 0 10px 0;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n  }\r\n  #meso-widget-root .faq-content p { margin: 0; font-size: 0.95rem; color: var(--text-gray); }\r\n\r\n  #meso-widget-root .faq-footer-link {\r\n    text-align: center;\r\n    margin-top: 40px;\r\n  }\r\n  #meso-widget-root .faq-more-link {\r\n    display: inline-block;\r\n    color: var(--primary-start) !important;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    font-size: 1.1rem;\r\n    border-bottom: 2px solid transparent;\r\n    transition: all 0.2s;\r\n  }\r\n  #meso-widget-root .faq-more-link:hover {\r\n    color: var(--accent) !important;\r\n    border-bottom-color: var(--accent);\r\n  }\r\n\r\n  \/* =========================================\r\n     5. CTA FORM SECTION\r\n     ========================================= *\/\r\n  #meso-widget-root .cta-section {\r\n    position: relative;\r\n    padding: 80px 0;\r\n    text-align: center;\r\n    color: #fff;\r\n    background: url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1920&q=80') center\/cover no-repeat;\r\n    background-color: #333; \r\n  }\r\n  #meso-widget-root .cta-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0, 0, 0, 0.6); \r\n    z-index: 1;\r\n  }\r\n  \r\n  #meso-widget-root .cta-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  #meso-widget-root .cta-box {\r\n    background: rgba(255,255,255,0.1);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n    padding: 40px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  #meso-widget-root .cta-title { \r\n    font-size: 2rem; \r\n    margin: 0 0 10px 0; \r\n    font-weight: 400; \r\n    color: #ffffff;\r\n  }\r\n  #meso-widget-root .cta-desc { \r\n    color: #e9ecef; \r\n    margin-bottom: 30px; \r\n    font-size: 1.1rem; \r\n  }\r\n\r\n  #meso-widget-root .form-row {\r\n    display: flex;\r\n    gap: 15px;\r\n    margin-bottom: 15px;\r\n  }\r\n  \r\n  \/* Form Field Reset & Style *\/\r\n  #meso-widget-root .cta-input, \r\n  #meso-widget-root .cta-select {\r\n    flex: 1;\r\n    padding: 14px 15px !important;\r\n    border-radius: 6px !important;\r\n    border: 1px solid rgba(255,255,255,0.5) !important;\r\n    font-family: var(--font-stack) !important;\r\n    font-size: 16px !important;\r\n    background: rgba(255,255,255,0.95) !important;\r\n    color: #333 !important;\r\n    transition: all 0.3s;\r\n    outline: none !important;\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n  }\r\n  \r\n  #meso-widget-root .cta-input:focus, \r\n  #meso-widget-root .cta-select:focus {\r\n    background: #ffffff !important;\r\n    border-color: var(--accent) !important;\r\n  }\r\n\r\n  #meso-widget-root .file-trigger {\r\n    flex: 1;\r\n    padding: 14px 15px;\r\n    border-radius: 6px;\r\n    border: 1px solid rgba(255,255,255,0.5);\r\n    background: rgba(255,255,255,0.95);\r\n    cursor: pointer;\r\n    text-align: left;\r\n    color: #555;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    font-size: 16px;\r\n    transition: background 0.3s;\r\n  }\r\n  #meso-widget-root .file-trigger:hover { background: #ffffff; }\r\n\r\n  \/* Button: Rectangular with 6px Radius *\/\r\n  #meso-widget-root .cta-btn {\r\n    background: var(--accent) !important;\r\n    color: #fff !important;\r\n    border: none !important;\r\n    padding: 16px 50px !important;\r\n    font-size: 18px !important;\r\n    font-weight: 400 !important;\r\n    border-radius: 6px !important; \/* Rectangle with slight curve *\/\r\n    cursor: pointer !important;\r\n    transition: transform 0.2s, background 0.2s, box-shadow 0.2s !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1px !important;\r\n    box-shadow: 0 5px 15px rgba(255, 107, 0, 0.4) !important;\r\n    margin-top: 10px !important;\r\n    display: inline-block !important;\r\n    width: auto !important;\r\n  }\r\n  #meso-widget-root .cta-btn:hover {\r\n    transform: translateY(-2px);\r\n    background: var(--accent-hover) !important;\r\n    box-shadow: 0 8px 25px rgba(255, 107, 0, 0.6) !important;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    #meso-widget-root .hero-title { font-size: 1.8rem; }\r\n    #meso-widget-root .calc-body { flex-direction: column; padding: 25px; gap: 30px; }\r\n    #meso-widget-root .form-row { flex-direction: column; gap: 15px; }\r\n    #meso-widget-root .faq-grid { grid-template-columns: 1fr; }\r\n    #meso-widget-root .calc-results { order: -1; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ISOLATION WRAPPER ID -->\r\n<div id=\"meso-widget-root\">\r\n\r\n  <!-- HERO SECTION -->\r\n  <header class=\"meso-hero\">\r\n    <div class=\"meso-container\">\r\n      <h2 class=\"hero-title\">Thermoforming Draw Ratio & Wall Thickness<\/h2>\r\n      <p class=\"hero-subtitle\">Precision Engineering Calculator by Mesoforming<\/p>\r\n      \r\n      <!-- Breadcrumbs -->\r\n      <nav class=\"breadcrumbs\">\r\n        <a href=\"https:\/\/mesoforming.com\/\">Home<\/a>\r\n        <span>\/<\/span>\r\n        <a href=\"https:\/\/mesoforming.com\/thermoforming-draw-ratio-calculator\/\">Thermoforming Draw Ratio Calculator<\/a>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- CALCULATOR TOOL -->\r\n  <section class=\"meso-container calculator-wrapper\">\r\n    <div class=\"calc-card\">\r\n      \r\n      <!-- Tabs -->\r\n      <div class=\"calc-tabs\">\r\n        <button class=\"calc-tab-btn active\" onclick=\"switchMode('cup')\" aria-label=\"Round Cup\">\r\n          <svg class=\"icon\" viewBox=\"0 0 512 512\"><path d=\"M222.7 32.1c5 16.9-4.6 34.8-21.5 39.8C121.8 95.6 64 169.1 64 256c0 106 86 192 192 192s192-86 192-192c0-86.9-57.8-160.4-137.1-184.1c-16.9-5-26.6-22.9-21.5-39.8s22.9-26.6 39.8-21.5C434.9 42.1 512 140 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 140 77.1 42.1 182.9 10.6c16.9-5 34.8 4.6 39.8 21.5z\"\/><\/svg>\r\n          Round Cup \/ Bowl\r\n        <\/button>\r\n        <button class=\"calc-tab-btn\" onclick=\"switchMode('tray')\" aria-label=\"Rectangular Tray\">\r\n          <svg class=\"icon\" viewBox=\"0 0 512 512\"><path d=\"M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM224 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm64 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM160 160a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm192 32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm32 160a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM320 352a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"\/><\/svg>\r\n          Rectangular Tray\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Main Body -->\r\n      <div class=\"calc-body\">\r\n        \r\n        <!-- Left: Inputs -->\r\n        <div class=\"calc-inputs\">\r\n          \r\n          <div class=\"input-group\">\r\n            <label id=\"label-d-w\" for=\"val-d\">Top Diameter (D)<\/label>\r\n            <div class=\"input-wrapper\">\r\n              <input type=\"number\" id=\"val-d\" class=\"input-field\" value=\"95\" oninput=\"calcSim()\">\r\n              <span class=\"input-unit\">mm<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"input-group\" id=\"group-length\" style=\"display:none;\">\r\n            <label for=\"val-l\">Length (L)<\/label>\r\n            <div class=\"input-wrapper\">\r\n              <input type=\"number\" id=\"val-l\" class=\"input-field\" value=\"200\" oninput=\"calcSim()\">\r\n              <span class=\"input-unit\">mm<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"input-group\">\r\n            <label for=\"val-h\">Depth \/ Height (H)<\/label>\r\n            <div class=\"input-wrapper\">\r\n              <input type=\"number\" id=\"val-h\" class=\"input-field\" value=\"120\" oninput=\"calcSim()\">\r\n              <span class=\"input-unit\">mm<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"input-group\">\r\n            <label for=\"val-thick\">Original Sheet Thickness<\/label>\r\n            <div class=\"input-wrapper\">\r\n              <input type=\"number\" id=\"val-thick\" class=\"input-field\" value=\"1.0\" step=\"0.05\" oninput=\"calcSim()\">\r\n              <span class=\"input-unit\">mm<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Right: Results -->\r\n        <div class=\"calc-results\">\r\n          \r\n          <div class=\"res-item\">\r\n            <div class=\"res-title\">\r\n              <svg class=\"icon\" viewBox=\"0 0 320 512\"><path d=\"M14 64h292c7.7 0 14 6.3 14 14v16c0 7.7-6.3 14-14 14H14c-7.7 0-14-6.3-14-14V78c0-7.7 6.3-14 14-14zm292 344H14c-7.7 0-14 6.3-14 14v16c0 7.7 6.3 14 14 14h292c7.7 0 14-6.3 14-14v-16c0-7.7-6.3-14-14-14zM160 128c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32s32-14.3 32-32V160c0-17.7-14.3-32-32-32z\"\/><\/svg>\r\n              Draw Ratio (H:D)\r\n            <\/div>\r\n            <div class=\"res-val\" id=\"res-ratio\">0.00 : 1<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"res-item\">\r\n            <div class=\"res-title\">\r\n               <svg class=\"icon\" viewBox=\"0 0 576 512\"><path d=\"M264.5 5.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 149.8C37.4 145.8 32 137.3 32 128s5.4-17.9 13.9-21.8L264.5 5.2zM476.9 209.6l53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 277.8C37.4 273.8 32 265.3 32 256s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0l152-70.2zm-152 198.2l152-70.2 53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 405.8C37.4 401.8 32 393.3 32 384s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0z\"\/><\/svg>\r\n               Est. Avg. Wall Thickness\r\n            <\/div>\r\n            <div class=\"res-val\" id=\"res-wall\">0.00 mm<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"advice-container\">\r\n            <div id=\"advice-safe\" class=\"advice-card safe\">\r\n              <div class=\"advice-head\"><svg class=\"icon\" viewBox=\"0 0 512 512\"><path d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\"\/><\/svg> Standard Forming<\/div>\r\n              This ratio is safe for standard vacuum forming. Minimal thinning expected.\r\n            <\/div>\r\n\r\n            <div id=\"advice-plug\" class=\"advice-card warning\">\r\n              <div class=\"advice-head\"><svg class=\"icon\" viewBox=\"0 0 576 512\"><path d=\"M569.5 440C587.9 478.4 564.2 512 521.5 512H54.5c-42.7 0-66.4-33.6-48-72L246.4 23.9C262.9-10.4 313.1-10.4 329.6 23.9L569.5 440zM288 354c-11 0-20 9-20 20v40c0 11 9 20 20 20s20-9 20-20v-40c0-11-9-20-20-20zm-24-194v154c0 13.3 10.7 24 24 24s24-10.7 24-24V160c0-13.3-10.7-24-24-24s-24 10.7-24 24z\"\/><\/svg> Plug Assist Recommended<\/div>\r\n              Draw ratio > 0.8. To prevent thin corners, we recommend using <b>Plug Assist<\/b> technology.\r\n            <\/div>\r\n\r\n            <div id=\"advice-servo\" class=\"advice-card danger\">\r\n              <div class=\"advice-head\"><svg class=\"icon\" viewBox=\"0 0 512 512\"><path d=\"M256 0c53 0 96 43 96 96v3.6c0 15.7-12.7 28.4-28.4 28.4H188.4c-15.7 0-28.4-12.7-28.4-28.4V96c0-53 43-96 96-96zM41.4 105.4c12.5-12.5 32.8-12.5 45.3 0l64 64c.7 .7 1.3 1.4 1.9 2.1h206.9c.6-.7 1.2-1.4 1.9-2.1l64-64c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-64 64c-.7 .7-1.4 1.3-2.1 1.9V464c0 26.5-21.5 48-48 48H155.3c-26.5 0-48-21.5-48-48V216.6c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8 0-45.3zM192 304v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16s-16 7.2-16 16zm96-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16z\"\/><\/svg> Servo Plug Assist Required!<\/div>\r\n              High Draw Ratio (> 1.5). Standard machines will cause webbing. You need <b>Servo Plug Assist<\/b> for uniform distribution.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"result-link-box\">\r\n             <a href=\"#expert-help\">\r\n               Need Mold Design Advice? <svg class=\"icon\" style=\"width:0.8em; vertical-align:-0.1em;\" viewBox=\"0 0 448 512\"><path d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"\/><\/svg>\r\n             <\/a>\r\n          <\/div>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SEO CONTENT - 3D CARDS -->\r\n  <section class=\"content-section\">\r\n    <div class=\"meso-container\">\r\n      <div class=\"seo-grid\">\r\n        \r\n        <article class=\"seo-block\">\r\n          <h2>\r\n            <svg class=\"icon\" viewBox=\"0 0 384 512\"><path d=\"M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM96 64H288c17.7 0 32 14.3 32 32v32c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32zM64 480c-8.8 0-16-7.2-16-16V320c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16v144c0 8.8-7.2 16-16 16H64zm112 0c-8.8 0-16-7.2-16-16V320c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16v144c0 8.8-7.2 16-16 16H176zm112 0c-8.8 0-16-7.2-16-16V320c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16v144c0 8.8-7.2 16-16 16H288z\"\/><\/svg> \r\n            What is Draw Ratio?\r\n          <\/h2>\r\n          <p>Draw Ratio is the relationship between the depth of the part and its opening diameter (H:D). It is the single most important factor in determining whether a product can be formed easily or requires advanced machinery like Mesoforming servo systems.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"seo-block\">\r\n          <h2>\r\n            <svg class=\"icon\" viewBox=\"0 0 448 512\"><path d=\"M160 32V64H288V32c0-17.7-14.3-32-32-32H192c-17.7 0-32 14.3-32 32zm0 448v32c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V480H160zm-32-64H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c17.7 0 32-14.3 32-32s-14.3-32-32-32zm256 0h-64c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c17.7 0 32-14.3 32-32s-14.3-32-32-32zM128 224v64c0 17.7 14.3 32 32 32h64V288H192c-8.8 0-16-7.2-16-16s7.2-16 16-16h64c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V320H128v32c0 35.3 28.7 64 64 64h64c35.3 0 64-28.7 64-64V288h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H288v-32c0-35.3-28.7-64-64-64H192c-35.3 0-64 28.7-64 64v32H96c-17.7 0-32 14.3-32 32s14.3 32 32 32h32z\"\/><\/svg> \r\n            The \"Thinning\" Problem\r\n          <\/h2>\r\n          <p>When a plastic sheet is stretched into a mold, the material stretches like a balloon. Without control, the bottom corners of the cup will become extremely thin (Thinning), while the flange remains thick, leading to structural rejection.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"seo-block\">\r\n          <h2>\r\n            <svg class=\"icon\" viewBox=\"0 0 640 512\"><path d=\"M320 0c17.7 0 32 14.3 32 32V48H472c39.8 0 72 32.2 72 72V440c0 39.8-32.2 72-72 72H168c-39.8 0-72-32.2-72-72V120c0-39.8 32.2-72 72-72H288V32c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H208zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H304zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H400zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224H64V416H48c-26.5 0-48-21.5-48-48V272c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H576V224h16z\"\/><\/svg> \r\n            Servo Plug Solution\r\n          <\/h2>\r\n          <p>For products with a draw ratio greater than 1.0, standard vacuum forming is insufficient. Mesoforming uses Servo Plug Assist technology to push material into corners with precise speed and depth control.<\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ SECTION -->\r\n  <section class=\"faq-section\">\r\n    <div class=\"meso-container\">\r\n      <div class=\"faq-header\">\r\n        <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\r\n        <p class=\"faq-subtitle\">Get answers to common engineering questions about thermoforming process optimization and defect prevention.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"faq-grid\">\r\n        \r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-num\">01<\/div>\r\n          <div class=\"faq-content\">\r\n            <h3>Why is Draw Ratio important?<\/h3>\r\n            <p>It determines the difficulty of forming. Higher ratios require advanced plug assists to prevent wall thinning and ruptures.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-num\">02<\/div>\r\n          <div class=\"faq-content\">\r\n            <h3>What is a safe Draw Ratio?<\/h3>\r\n            <p>Generally, a ratio below 0.8 is considered safe for standard forming. Above 1.0 requires plug assist technology.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-num\">03<\/div>\r\n          <div class=\"faq-content\">\r\n            <h3>What materials can be thermoformed?<\/h3>\r\n            <p>Common materials include PP, PET, PS, and PLA. Each has different stretching characteristics and heating requirements.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-num\">04<\/div>\r\n          <div class=\"faq-content\">\r\n            <h3>How do I calculate wall thickness?<\/h3>\r\n            <p>Use our calculator above. It divides the original sheet volume by the final surface area of the formed part.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-num\">05<\/div>\r\n          <div class=\"faq-content\">\r\n            <h3>What is Servo Plug Assist?<\/h3>\r\n            <p>It is a motor-driven plug that mechanically pushes plastic into the mold with precise force control, unlike pneumatic cylinders.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-num\">06<\/div>\r\n          <div class=\"faq-content\">\r\n            <h3>Can I form square trays?<\/h3>\r\n            <p>Yes. Select the \"Rectangular Tray\" tab in the calculator. Square corners are harder to form than round ones.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-num\">07<\/div>\r\n          <div class=\"faq-content\">\r\n            <h3>What causes webbing?<\/h3>\r\n            <p>Webbing happens when excess material folds over itself. It is caused by poor material distribution or improper plug design.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-num\">08<\/div>\r\n          <div class=\"faq-content\">\r\n            <h3>How does Mesoforming help?<\/h3>\r\n            <p>We provide advanced servo-driven machines and mold designs that optimize material distribution for high-ratio products.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"faq-footer-link\">\r\n        <a href=\"https:\/\/mesoforming.com\/faq\/\" class=\"faq-more-link\">View All Questions & Answers &rarr;<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA \/ LEAD MAGNET -->\r\n  <section id=\"expert-help\" class=\"cta-section\">\r\n    <div class=\"cta-container\">\r\n      <div class=\"cta-box\">\r\n        <h2 class=\"cta-title\">Result showing \"Servo Required\"?<\/h2>\r\n        <p class=\"cta-desc\">Don't risk your mold investment. Get a free engineer's analysis of your product design.<\/p>\r\n        \r\n        <form id=\"meso-inquiry-form\" onsubmit=\"submitToWhatsapp(event)\">\r\n          \r\n          <div class=\"form-row\">\r\n            <input type=\"text\" id=\"inq-name\" placeholder=\"Your Name\" class=\"cta-input\" required>\r\n            <input type=\"text\" id=\"inq-company\" placeholder=\"Company Name\" class=\"cta-input\" required>\r\n          <\/div>\r\n          \r\n          <div class=\"form-row\">\r\n            <input type=\"email\" id=\"inq-email\" placeholder=\"Business Email\" class=\"cta-input\" required>\r\n            <input type=\"tel\" id=\"inq-phone\" placeholder=\"Phone Number\" class=\"cta-input\" required>\r\n          <\/div>\r\n\r\n          <div class=\"form-row\">\r\n             <select id=\"inq-material\" class=\"cta-select\">\r\n               <option value=\"PP\">Material: PP<\/option>\r\n               <option value=\"PET\">Material: PET<\/option>\r\n               <option value=\"PS\">Material: PS<\/option>\r\n               <option value=\"PLA\">Material: PLA<\/option>\r\n               <option value=\"Other\">Material: Other<\/option>\r\n             <\/select>\r\n             \r\n             <!-- Simulated File Upload -->\r\n             <label class=\"file-trigger\">\r\n               <span id=\"file-label-text\">Upload Drawing (PDF\/CAD)<\/span>\r\n               <svg class=\"icon\" viewBox=\"0 0 448 512\" style=\"color:#777\"><path d=\"M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-24.4 24.4-64 24.4-88.4 0s-24.4-64 0-88.4l176-176c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-176 176c-2.5 2.5-2.5 6.5 0 9s6.5 2.5 9 0l176-176c36.4-36.4 36.4-95.6 0-132z\"\/><\/svg>\r\n               <input type=\"file\" id=\"inq-file\" style=\"display:none;\" onchange=\"updateFileName(this)\">\r\n             <\/label>\r\n          <\/div>\r\n\r\n          <div class=\"form-row\">\r\n            <input type=\"text\" id=\"inq-msg\" placeholder=\"Describe your project requirement...\" class=\"cta-input\" style=\"width:100%\">\r\n          <\/div>\r\n\r\n          <button type=\"submit\" class=\"cta-btn\">Get Engineer's Opinion<\/button>\r\n        <\/form>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div> <!-- End of ID Wrapper -->\r\n\r\n  <script>\r\n    let currentMode = 'cup';\r\n    let lastCalcStatus = 'Safe'; \/\/ Track status for WhatsApp message\r\n\r\n    function switchMode(mode) {\r\n      currentMode = mode;\r\n      \r\n      const buttons = document.querySelectorAll('#meso-widget-root .calc-tab-btn');\r\n      buttons.forEach(btn => btn.classList.remove('active'));\r\n      event.currentTarget.classList.add('active');\r\n\r\n      const lengthGroup = document.getElementById('group-length');\r\n      const labelDW = document.getElementById('label-d-w');\r\n\r\n      if(mode === 'tray') {\r\n        lengthGroup.style.display = 'block';\r\n        labelDW.innerHTML = 'Width (W)';\r\n        lengthGroup.style.animation = 'fadeInUp 0.3s';\r\n      } else {\r\n        lengthGroup.style.display = 'none';\r\n        labelDW.innerHTML = 'Top Diameter (D)';\r\n      }\r\n      calcSim();\r\n    }\r\n\r\n    function calcSim() {\r\n      let d = parseFloat(document.getElementById('val-d').value) || 0;\r\n      let h = parseFloat(document.getElementById('val-h').value) || 0;\r\n      let thick = parseFloat(document.getElementById('val-thick').value) || 0;\r\n      let l = parseFloat(document.getElementById('val-l').value) || 0;\r\n\r\n      let drawRatio = 0;\r\n      let areaRatio = 1;\r\n      let avgWall = 0;\r\n\r\n      if (currentMode === 'cup') {\r\n        if(d > 0) {\r\n            drawRatio = h \/ d;\r\n            areaRatio = 1 + (4 * h) \/ d;\r\n        }\r\n      } else {\r\n        let minDim = Math.min(d, l);\r\n        if(minDim > 0) {\r\n            drawRatio = h \/ minDim;\r\n            areaRatio = (d*l + 2*h*(d+l)) \/ (d*l);\r\n        }\r\n      }\r\n\r\n      if(areaRatio > 0) {\r\n        avgWall = thick \/ areaRatio;\r\n      }\r\n\r\n      const ratioEl = document.getElementById('res-ratio');\r\n      const wallEl = document.getElementById('res-wall');\r\n      \r\n      ratioEl.innerText = drawRatio.toFixed(2) + \" : 1\";\r\n      wallEl.innerText = avgWall.toFixed(3) + \" mm\";\r\n\r\n      ratioEl.className = 'res-val'; \r\n      document.querySelectorAll('#meso-widget-root .advice-card').forEach(el => el.classList.remove('show'));\r\n\r\n      if (drawRatio <= 0.8) {\r\n        ratioEl.classList.add('safe');\r\n        document.getElementById('advice-safe').classList.add('show');\r\n        lastCalcStatus = \"Safe (Standard Forming)\";\r\n      } else if (drawRatio > 0.8 && drawRatio <= 1.5) {\r\n        ratioEl.classList.add('warning');\r\n        document.getElementById('advice-plug').classList.add('show');\r\n        lastCalcStatus = \"Warning (Plug Assist Recommended)\";\r\n      } else {\r\n        ratioEl.classList.add('danger');\r\n        document.getElementById('advice-servo').classList.add('show');\r\n        lastCalcStatus = \"Danger (Servo Required)\";\r\n      }\r\n    }\r\n\r\n    \/\/ Handle File Input UI\r\n    function updateFileName(input) {\r\n      const label = document.getElementById('file-label-text');\r\n      if (input.files && input.files.length > 0) {\r\n        label.innerText = \"Selected: \" + input.files[0].name;\r\n        label.style.color = \"var(--primary-start)\";\r\n        label.style.fontWeight = \"bold\";\r\n      } else {\r\n        label.innerText = \"Upload Drawing (PDF\/CAD)\";\r\n        label.style.color = \"#555\";\r\n        label.style.fontWeight = \"normal\";\r\n      }\r\n    }\r\n\r\n    \/\/ WhatsApp Submission Logic\r\n    function submitToWhatsapp(e) {\r\n      e.preventDefault();\r\n\r\n      const name = document.getElementById('inq-name').value;\r\n      const company = document.getElementById('inq-company').value;\r\n      const email = document.getElementById('inq-email').value;\r\n      const phone = document.getElementById('inq-phone').value;\r\n      const material = document.getElementById('inq-material').value;\r\n      const msg = document.getElementById('inq-msg').value;\r\n      \r\n      \/\/ Get file name if present\r\n      const fileInput = document.getElementById('inq-file');\r\n      const fileName = (fileInput.files && fileInput.files.length > 0) ? fileInput.files[0].name : \"No file attached\";\r\n\r\n      \/\/ Current Calculator Values\r\n      const d = document.getElementById('val-d').value;\r\n      const h = document.getElementById('val-h').value;\r\n      const ratio = document.getElementById('res-ratio').innerText;\r\n\r\n      \/\/ Construct Message\r\n      let whatsappMsg = `*New Engineering Inquiry from Website*\\n\\n`;\r\n      whatsappMsg += `*Name:* ${name}\\n`;\r\n      whatsappMsg += `*Company:* ${company}\\n`;\r\n      whatsappMsg += `*Email:* ${email}\\n`;\r\n      whatsappMsg += `*Phone:* ${phone}\\n`;\r\n      whatsappMsg += `*Material:* ${material}\\n\\n`;\r\n      \r\n      whatsappMsg += `*--- Calculator Data ---*\\n`;\r\n      whatsappMsg += `*Dimensions:* D:${d}mm \/ H:${h}mm\\n`;\r\n      whatsappMsg += `*Calculated Ratio:* ${ratio}\\n`;\r\n      whatsappMsg += `*Engineer Status:* ${lastCalcStatus}\\n\\n`;\r\n      \r\n      whatsappMsg += `*--- Project Details ---*\\n`;\r\n      whatsappMsg += `*Message:* ${msg}\\n`;\r\n      whatsappMsg += `*Drawing File:* ${fileName} (Please ask user to send file in chat)\\n`;\r\n\r\n      \/\/ Redirect to API\r\n      const phoneNum = \"18025612076\";\r\n      const url = `https:\/\/wa.me\/${phoneNum}?text=${encodeURIComponent(whatsappMsg)}`;\r\n      \r\n      window.open(url, '_blank');\r\n    }\r\n\r\n    window.addEventListener('load', calcSim);\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Thermoforming Draw Ratio &#038; Wall Thickness Precision Engineering Calculator by Mesoforming Home \/ Thermoforming Draw Ratio Calculator Round Cup \/ Bowl Rectangular Tray Top Diameter (D) mm Length (L) mm Depth \/ Height (H) mm Original Sheet Thickness mm Draw Ratio (H:D) 0.00 : 1 Est. Avg. Wall Thickness 0.00 mm Standard Forming This ratio [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4063","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesoforming.com\/pt\/wp-json\/wp\/v2\/pages\/4063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesoforming.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesoforming.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/pt\/wp-json\/wp\/v2\/comments?post=4063"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/pt\/wp-json\/wp\/v2\/pages\/4063\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/pt\/wp-json\/wp\/v2\/media?parent=4063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}