{"id":7325,"date":"2026-03-25T15:27:26","date_gmt":"2026-03-25T07:27:26","guid":{"rendered":"https:\/\/zhss.org\/?p=7325"},"modified":"2026-03-28T02:59:24","modified_gmt":"2026-03-27T18:59:24","slug":"profile-5-20x20-natural","status":"publish","type":"post","link":"https:\/\/zhss.org\/pt\/metals\/aluminium\/aluminium-sections\/profile-5-20x20-natural\/","title":{"rendered":"Perfil 5 20\u00d720 natural"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7325\" class=\"elementor elementor-7325\" data-elementor-post-type=\"post\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f0f63b1 e-con-full e-flex e-con e-child\" data-id=\"f0f63b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a23cc35 elementor-widget elementor-widget-html\" data-id=\"a23cc35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"zhss-gallery-editor\"><\/div>\n\n<style>\n#zhss-gallery-editor{\n  --zg-line:#1e2a8a;\n  --zg-active:#e53935;\n  --zg-gap:16px;\n\n  --zg-main-height-desktop:618px;\n  --zg-main-height-tablet:350px;\n  --zg-main-height-mobile:308px;\n\n  --zg-thumb-gap-desktop:14px;\n  --zg-thumb-gap-tablet:12px;\n  --zg-thumb-gap-mobile:8px;\n\n  --zg-svg-padding:10px;\n  --zg-svg-bg:#fff;\n\n  --zg-radius:8px; \/* \u5706\u89d2\u7edf\u4e00\u5728\u8fd9\u91cc\u6539 *\/\n\n  \/* JS \u4f1a\u81ea\u52a8\u5199\u5165 *\/\n  --zg-thumb-count:4;\n  --zg-thumb-size:144px;\n}\n\n#zhss-gallery-editor{\n  display:flex;\n  gap:var(--zg-gap);\n  align-items:stretch;\n  width:100%;\n  max-width:100%;\n  padding:0;\n  margin:0;\n  background:transparent;\n  border:none;\n  border-radius:0;\n  box-sizing:border-box;\n}\n\n#zhss-gallery-editor *{\n  box-sizing:border-box;\n}\n\n\/* =========================\n   \u7535\u8111\u7aef\uff1a\u7f29\u7565\u56fe\u5bbd\u9ad8\u4e00\u81f4\n========================= *\/\n#zhss-gallery-editor .zhss-gallery__thumbs{\n  width:var(--zg-thumb-size);\n  min-width:var(--zg-thumb-size);\n  height:var(--zg-main-height-desktop);\n  display:flex;\n  flex-direction:column;\n  gap:var(--zg-thumb-gap-desktop);\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb{\n  appearance:none;\n  -webkit-appearance:none;\n  display:block;\n  width:var(--zg-thumb-size);\n  height:var(--zg-thumb-size);\n  min-width:var(--zg-thumb-size);\n  min-height:var(--zg-thumb-size);\n  max-width:var(--zg-thumb-size);\n  max-height:var(--zg-thumb-size);\n  flex:0 0 var(--zg-thumb-size);\n  padding:0;\n  margin:0;\n  background:transparent;\n  border:2px solid var(--zg-line);\n  border-radius:var(--zg-radius);\n  overflow:hidden;\n  cursor:pointer;\n  transition:border-color .18s ease, opacity .18s ease;\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb:hover{\n  opacity:.92;\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb.is-active{\n  border-color:var(--zg-active);\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb img{\n  display:block;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  border-radius:var(--zg-radius);\n  background:transparent;\n}\n\n\/* SVG \u7f29\u7565\u56fe\u5b8c\u6574\u663e\u793a *\/\n#zhss-gallery-editor .zhss-gallery__thumb img.is-svg{\n  object-fit:contain;\n  padding:var(--zg-svg-padding);\n  background:var(--zg-svg-bg);\n}\n\n\/* \u53f3\u4fa7\u5927\u56fe *\/\n#zhss-gallery-editor .zhss-gallery__main{\n  flex:1 1 auto;\n  min-width:0;\n  border:2px solid var(--zg-active);\n  border-radius:var(--zg-radius);\n  overflow:hidden;\n  background:transparent;\n}\n\n#zhss-gallery-editor .zhss-gallery__main-image{\n  display:block;\n  width:100%;\n  height:var(--zg-main-height-desktop);\n  object-fit:cover;\n  border-radius:var(--zg-radius);\n  background:transparent;\n}\n\n\/* SVG \u5927\u56fe\u5b8c\u6574\u663e\u793a *\/\n#zhss-gallery-editor .zhss-gallery__main-image.is-svg{\n  object-fit:contain;\n  padding:var(--zg-svg-padding);\n  background:var(--zg-svg-bg);\n}\n\n\/* =========================\n   \u5e73\u677f\n========================= *\/\n@media (max-width:1024px){\n  #zhss-gallery-editor{\n    flex-direction:column;\n    gap:14px;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__main{\n    order:1;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumbs{\n    order:2;\n    width:100%;\n    min-width:0;\n    height:auto;\n    flex-direction:row;\n    gap:var(--zg-thumb-gap-tablet);\n    overflow:hidden;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumb{\n    width:auto;\n    height:auto;\n    min-width:0;\n    min-height:0;\n    max-width:none;\n    max-height:none;\n    flex:1 1 0;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumb img{\n    width:100%;\n    height:auto;\n    aspect-ratio:1 \/ 1;\n    object-fit:cover;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumb img.is-svg{\n    object-fit:contain;\n    padding:var(--zg-svg-padding);\n    background:var(--zg-svg-bg);\n  }\n\n  #zhss-gallery-editor .zhss-gallery__main-image{\n    height:var(--zg-main-height-tablet);\n  }\n}\n\n\/* =========================\n   \u624b\u673a\n========================= *\/\n@media (max-width:767px){\n  #zhss-gallery-editor{\n    gap:10px;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumbs{\n    gap:var(--zg-thumb-gap-mobile);\n  }\n\n  #zhss-gallery-editor .zhss-gallery__main-image{\n    height:var(--zg-main-height-mobile);\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  \/* =========================\n     \u4ee5\u540e\u53ea\u6539\u8fd9\u91cc\n  ========================= *\/\n  const galleryImages = [\n    'https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/GV1.svg',\n    'https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/v3.webp',\n    'https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/v2.webp',\n    'https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/V1.webp'\n  ];\n\n  const imageAltPrefix = 'Product image';\n\n  const root = document.getElementById('zhss-gallery-editor');\n  if (!root || !galleryImages.length) return;\n\n  function escapeHtml(str) {\n    return String(str || '')\n      .replace(\/&\/g, '&amp;')\n      .replace(\/<\/g, '&lt;')\n      .replace(\/>\/g, '&gt;')\n      .replace(\/\"\/g, '&quot;')\n      .replace(\/'\/g, '&#039;');\n  }\n\n  function isSvg(url) {\n    return \/\\.svg(\\?.*)?$\/i.test(url || '');\n  }\n\n  \/* \u81ea\u52a8\u8ba1\u7b97\u7535\u8111\u7aef\u7f29\u7565\u56fe\u6b63\u65b9\u5f62\u5c3a\u5bf8 *\/\n  const styles = getComputedStyle(root);\n  const mainHeight = parseFloat(styles.getPropertyValue('--zg-main-height-desktop')) || 618;\n  const thumbGap = parseFloat(styles.getPropertyValue('--zg-thumb-gap-desktop')) || 14;\n  const count = galleryImages.length;\n  const thumbSize = Math.floor((mainHeight - thumbGap * (count - 1)) \/ count);\n\n  root.style.setProperty('--zg-thumb-count', count);\n  root.style.setProperty('--zg-thumb-size', thumbSize + 'px');\n\n  const thumbsHtml = galleryImages.map(function (url, index) {\n    const activeClass = index === 0 ? ' is-active' : '';\n    const svgClass = isSvg(url) ? ' is-svg' : '';\n\n    return `\n      <button\n        class=\"zhss-gallery__thumb${activeClass}\"\n        type=\"button\"\n        data-full=\"${escapeHtml(url)}\"\n        data-is-svg=\"${isSvg(url) ? '1' : '0'}\"\n        aria-label=\"Image ${index + 1}\">\n        <img decoding=\"async\"\n          class=\"${svgClass.trim()}\"\n          src=\"${escapeHtml(url)}\"\n          alt=\"${escapeHtml(imageAltPrefix + ' ' + (index + 1))}\">\n      <\/button>\n    `;\n  }).join('');\n\n  const firstIsSvg = isSvg(galleryImages[0]) ? ' is-svg' : '';\n\n  root.innerHTML = `\n    <div class=\"zhss-gallery__thumbs\">\n      ${thumbsHtml}\n    <\/div>\n\n    <div class=\"zhss-gallery__main\">\n      <img decoding=\"async\"\n        class=\"zhss-gallery__main-image${firstIsSvg}\"\n        src=\"${escapeHtml(galleryImages[0])}\"\n        alt=\"${escapeHtml(imageAltPrefix + ' 1')}\">\n    <\/div>\n  `;\n\n  const main = root.querySelector('.zhss-gallery__main-image');\n  const thumbs = root.querySelectorAll('.zhss-gallery__thumb');\n\n  thumbs.forEach(function (btn, index) {\n    btn.addEventListener('click', function () {\n      const full = this.getAttribute('data-full');\n      const svg = this.getAttribute('data-is-svg') === '1';\n      if (!full) return;\n\n      main.setAttribute('src', full);\n      main.setAttribute('alt', imageAltPrefix + ' ' + (index + 1));\n      main.classList.toggle('is-svg', svg);\n\n      thumbs.forEach(function (item) {\n        item.classList.remove('is-active');\n      });\n\n      this.classList.add('is-active');\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dc7237 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9dc7237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eace422 elementor-widget elementor-widget-image\" data-id=\"eace422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/GV1.svg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0140f2 elementor-widget elementor-widget-heading\" data-id=\"c0140f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Gutter Sections\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea7e91b elementor-widget elementor-widget-html\" data-id=\"ea7e91b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"zhss-variants-i18n\" class=\"zhss-variants-hidden-source\" aria-hidden=\"true\">\n  <!-- \u8868\u5934\uff1a\u8fd9\u91cc\u53ef\u4ee5\u76f4\u63a5\u6539\u6587\u5b57\uff0cTranslatePress \u4e5f\u80fd\u6293\u5230 -->\n  <span data-key=\"label_variant\">Variant<\/span>\n  <span data-key=\"label_length\">Length <span class=\"zhss-variants__head-mm\">(mm)<\/span><\/span>\n  <span data-key=\"label_grooves\">Grooves<\/span>\n  <span data-key=\"label_colour\">Colour<\/span>\n\n  <!-- \u5e73\u677f \/ \u624b\u673a\u7aef\u6807\u7b7e -->\n  <span data-key=\"mobile_length\">Length:<\/span>\n  <span data-key=\"mobile_grooves\">Grooves:<\/span>\n  <span data-key=\"mobile_colour\">Colour:<\/span>\n<\/div>\n\n<div id=\"zhss-variants-source\" class=\"zhss-variants-hidden-source\" aria-hidden=\"true\">\n  <!--\n    \u4f7f\u7528\u8bf4\u660e\uff1a\n    1\uff09\u65b0\u589e\u53d8\u4f53\uff1a\u590d\u5236\u4e00\u4e2a .zhss-variants-source__item \u6574\u5757\n    2\uff09\u6700\u5c11 2 \u4e2a\uff0c\u6700\u591a 20 \u4e2a\n    3\uff09\u53ea\u9700\u8981\u6539\uff1a\n       data-image\n       data-length\n       data-groove-image\n       data-swatch\n       data-url\n       \u4ee5\u53ca\u4e0b\u9762 3 \u4e2a\u6587\u5b57\uff1aname \/ grooves \/ colour\n    4\uff09name \/ grooves \/ colour \u76f4\u63a5\u5199\u6210\u666e\u901a\u6587\u5b57\uff0cTranslatePress \u624d\u80fd\u7ffb\u8bd1\n  -->\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/10\/Profile-5-20x20-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-Open.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-20x20\/#\"\n  >\n    <span data-field=\"name\">Profile 5 20x20, natural\n\n<\/span>\n    <span data-field=\"grooves\">Open<\/span>\n    <span data-field=\"colour\">Aluminium, natural<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/10\/Profile-5-20x20-black.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-Open.svg\"\n    data-swatch=\"#000000\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-20x20\/#\"\n  >\n    <span data-field=\"name\">Profile 5 20x20, black\n\n<\/span>\n    <span data-field=\"grooves\">Open<\/span>\n    <span data-field=\"colour\">Black<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/10\/Profile-5-20x20-1N-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-1-side-closed.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-20x20\/#\"\n  >\n    <span data-field=\"name\">Profile 5 20x20 1N, natural<\/span>\n    <span data-field=\"grooves\">1 side closed<\/span>\n    <span data-field=\"colour\">Aluminium, natural<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/10\/Profile-5-20x20-2N90-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-2-sides-closed-90\u00b0.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-20x20\/#\"\n  >\n    <span data-field=\"name\">Profile 5 20x20 2N90, natural<\/span>\n    <span data-field=\"grooves\">2 sides closed (90\u00b0)<\/span>\n    <span data-field=\"colour\">Aluminium, natural<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/10\/Profile-5-20x20-2N180-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-2-sides-closed-180\u00b0.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-210x20\/#\"\n  >\n    <span data-field=\"name\">Profile 5 20x20 2N180, natural<\/span>\n    <span data-field=\"grooves\">2 sides closed (180\u00b0)<\/span>\n    <span data-field=\"colour\">Aluminium, natural<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/10\/Profile-5-20x20-3N-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-3-sides-closed.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-210x20\/#\"\n  >\n    <span data-field=\"name\">Profile 5 20x20 3N, natural<\/span>\n    <span data-field=\"grooves\">3 sides closed<\/span>\n    <span data-field=\"colour\">Aluminium, natural\n<\/span>\n  <\/div>\n<\/div>\n\n<div id=\"zhss-variants-table\"><\/div>\n\n<style>\n\/* =========================\n   \u7ed9 TranslatePress \u6293\u5b57\u7b26\u4e32\u7528\n========================= *\/\n.zhss-variants-hidden-source{\n  position:absolute;\n  left:-99999px;\n  top:auto;\n  width:1px;\n  height:1px;\n  overflow:hidden;\n  opacity:0;\n  pointer-events:none;\n}\n.zhss-variants-hidden-source span,\n.zhss-variants-hidden-source div{\n  display:block;\n  white-space:pre-wrap;\n}\n\n\/* =========================\n   \u5916\u5c42\u53ef\u8c03\u6837\u5f0f\u53c2\u6570\n========================= *\/\n#zhss-variants-table{\n  --head-size-desktop: 19px;\n  --content-size-desktop: 16px;\n  --variant-size-desktop: 16px;\n\n  --variant-size-tablet: 18px;\n  --label-size-tablet: 18px;\n  --value-size-tablet: 16px;\n\n  --variant-size-mobile: 17px;\n  --label-size-mobile: 17px;\n  --value-size-mobile: 15px;\n\n  --text-color: #5f5f5f;\n  --title-color: #5d5d5d;\n  --head-color: #0D015E;\n  --line-color: #d9d9e2;\n  --hover-bg: #DFDFDF;\n  --active-color: #0D015E;\n  --active-border: #0D015E;\n  --radius: 8px;\n}\n\n#zhss-variants-table{\n  width:100%;\n  background:transparent;\n  border:none;\n  margin:0;\n  padding:0;\n  font-family:inherit;\n  color:var(--text-color);\n}\n#zhss-variants-table *{\n  box-sizing:border-box;\n}\n\n#zhss-variants-table .zhss-variants__table{\n  width:100%;\n  background:transparent;\n  border:none;\n}\n\n\/* \u684c\u9762\u7aef\u5217\u5bbd\u56fa\u5b9a *\/\n#zhss-variants-table .zhss-variants__row{\n  display:grid;\n  grid-template-columns:minmax(0, 1.42fr) minmax(0, 0.68fr) minmax(0, 0.65fr) minmax(0, 0.75fr);\n  gap:1px;\n  align-items:center;\n  text-decoration:none;\n  color:inherit;\n}\n\n#zhss-variants-table .zhss-variants__col,\n#zhss-variants-table .zhss-variants__variant-wrap,\n#zhss-variants-table .zhss-variants__variant-text,\n#zhss-variants-table .zhss-variants__value,\n#zhss-variants-table .zhss-variants__icon-text,\n#zhss-variants-table .zhss-variants__color-wrap{\n  min-width:0;\n}\n\n\/* =========================\n   \u8868\u5934\n========================= *\/\n#zhss-variants-table .zhss-variants__head{\n  padding:0 10px 16px;\n  border-bottom:1px solid var(--line-color);\n}\n\n#zhss-variants-table .zhss-variants__head .zhss-variants__col{\n  display:flex;\n  align-items:flex-start;\n}\n\n#zhss-variants-table .zhss-variants__head-label{\n  display:inline-block;\n  max-width:100%;\n  font-size:var(--head-size-desktop);\n  font-weight:900;\n  line-height:1.2;\n  color:var(--head-color);\n  white-space:normal;\n  overflow-wrap:break-word;\n  word-break:normal;\n}\n\n#zhss-variants-table .zhss-variants__head-mm{\n  font-size:1em;\n  font-weight:inherit;\n  line-height:1;\n}\n\n@media (min-width:1025px){\n  #zhss-variants-table .zhss-variants__head-mm{\n    font-size:0.72em;\n    font-weight:800;\n    position:relative;\n    top:-1px;\n  }\n}\n\n\/* =========================\n   \u5217\u8868\u9879\n========================= *\/\n#zhss-variants-table .zhss-variants__item{\n  padding:10px 8px;\n  border-top:1px solid var(--line-color);\n  background:transparent;\n  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;\n}\n\n#zhss-variants-table .zhss-variants__item:last-child{\n  border-bottom:1px solid var(--line-color);\n}\n\n#zhss-variants-table .zhss-variants__item.is-current{\n  border:2px solid var(--active-border);\n  border-radius:var(--radius);\n  padding:8px 6px;\n}\n\n#zhss-variants-table .zhss-variants__variant-wrap{\n  display:flex;\n  align-items:center;\n  gap:10px;\n}\n\n#zhss-variants-table .zhss-variants__variant-img{\n  width:64px;\n  height:64px;\n  object-fit:contain;\n  flex:0 0 64px;\n}\n\n#zhss-variants-table .zhss-variants__variant-text{\n  font-size:var(--variant-size-desktop);\n  line-height:1.3;\n  font-weight:600;\n  color:var(--title-color);\n  overflow-wrap:anywhere;\n}\n\n#zhss-variants-table .zhss-variants__col--length,\n#zhss-variants-table .zhss-variants__col--grooves,\n#zhss-variants-table .zhss-variants__col--colour{\n  font-size:var(--content-size-desktop);\n  line-height:1.3;\n  font-weight:500;\n  color:var(--text-color);\n}\n\n#zhss-variants-table .zhss-variants__value{\n  font-weight:500;\n  color:inherit;\n  overflow-wrap:anywhere;\n}\n\n#zhss-variants-table .zhss-variants__item.is-current .zhss-variants__variant-text,\n#zhss-variants-table .zhss-variants__item.is-current .zhss-variants__value,\n#zhss-variants-table .zhss-variants__item.is-current .zhss-variants__mobile-label{\n  font-weight:700;\n  color:var(--active-color);\n}\n\n@media (min-width:1025px){\n  #zhss-variants-table .zhss-variants__item:hover{\n    background:var(--hover-bg);\n    border-radius:var(--radius);\n  }\n\n  #zhss-variants-table .zhss-variants__item:hover .zhss-variants__variant-text,\n  #zhss-variants-table .zhss-variants__item:hover .zhss-variants__value,\n  #zhss-variants-table .zhss-variants__item:hover .zhss-variants__mobile-label{\n    color:var(--active-color);\n  }\n}\n\n\/* \u56fe\u6807\u5217\u3001\u989c\u8272\u5217\u56fa\u5b9a *\/\n#zhss-variants-table .zhss-variants__icon-text{\n  display:grid;\n  grid-template-columns:24px minmax(0, 1fr);\n  align-items:center;\n  column-gap:8px;\n}\n\n#zhss-variants-table .zhss-variants__color-wrap{\n  display:grid;\n  grid-template-columns:22px minmax(0, 1fr);\n  align-items:center;\n  column-gap:8px;\n}\n\n#zhss-variants-table .zhss-variants__groove-img{\n  width:24px;\n  height:24px;\n  object-fit:contain;\n  display:block;\n}\n\n#zhss-variants-table .zhss-variants__color-swatch{\n  width:22px;\n  height:22px;\n  display:block;\n}\n\n#zhss-variants-table .zhss-variants__mobile-label{\n  display:none;\n}\n\n\/* =========================\n   \u5e73\u677f\u7aef\n========================= *\/\n@media (max-width:1024px){\n  #zhss-variants-table .zhss-variants__head{\n    display:none;\n  }\n\n  #zhss-variants-table .zhss-variants__item{\n    display:block;\n    padding:10px 8px;\n    border-top:1px solid var(--line-color);\n  }\n\n  #zhss-variants-table .zhss-variants__item.is-current{\n    padding:8px 6px;\n  }\n\n  #zhss-variants-table .zhss-variants__col{\n    display:block;\n    width:100%;\n  }\n\n  #zhss-variants-table .zhss-variants__col + .zhss-variants__col{\n    margin-top:8px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-wrap{\n    align-items:center;\n    gap:10px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-img{\n    width:68px;\n    height:68px;\n    flex:0 0 68px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-text{\n    font-size:var(--variant-size-tablet);\n    line-height:1.3;\n    font-weight:700;\n  }\n\n  #zhss-variants-table .zhss-variants__col--length,\n  #zhss-variants-table .zhss-variants__col--grooves,\n  #zhss-variants-table .zhss-variants__col--colour{\n    font-size:var(--value-size-tablet);\n    line-height:1.38;\n  }\n\n  #zhss-variants-table .zhss-variants__mobile-label{\n    display:inline-block;\n    font-weight:700;\n    font-size:var(--label-size-tablet);\n    margin-right:4px;\n    color:var(--title-color);\n  }\n\n  #zhss-variants-table .zhss-variants__value{\n    font-weight:500;\n    font-size:var(--value-size-tablet);\n  }\n\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__value,\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__variant-text,\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__mobile-label{\n    font-weight:700;\n    color:var(--active-color);\n  }\n\n  #zhss-variants-table .zhss-variants__groove-img{\n    width:26px;\n    height:26px;\n  }\n\n  #zhss-variants-table .zhss-variants__color-swatch{\n    width:26px;\n    height:26px;\n  }\n\n  #zhss-variants-table .zhss-variants__icon-text,\n  #zhss-variants-table .zhss-variants__color-wrap{\n    display:inline-flex;\n    vertical-align:middle;\n    gap:6px;\n    flex-wrap:wrap;\n    align-items:center;\n  }\n}\n\n\/* =========================\n   \u624b\u673a\u7aef\n========================= *\/\n@media (max-width:767px){\n  #zhss-variants-table .zhss-variants__item{\n    padding:8px 6px;\n  }\n\n  #zhss-variants-table .zhss-variants__item.is-current{\n    padding:6px 4px;\n  }\n\n  #zhss-variants-table .zhss-variants__col + .zhss-variants__col{\n    margin-top:6px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-wrap{\n    gap:8px;\n    align-items:center;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-img{\n    width:58px;\n    height:58px;\n    flex:0 0 58px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-text{\n    font-size:var(--variant-size-mobile);\n    line-height:1.28;\n    font-weight:700;\n  }\n\n  #zhss-variants-table .zhss-variants__mobile-label{\n    font-size:var(--label-size-mobile);\n    font-weight:700;\n  }\n\n  #zhss-variants-table .zhss-variants__value{\n    font-size:var(--value-size-mobile);\n    line-height:1.35;\n    font-weight:500;\n  }\n\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__value,\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__variant-text,\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__mobile-label{\n    font-weight:700;\n    color:var(--active-color);\n  }\n\n  #zhss-variants-table .zhss-variants__col--length,\n  #zhss-variants-table .zhss-variants__col--grooves,\n  #zhss-variants-table .zhss-variants__col--colour{\n    font-size:var(--value-size-mobile);\n    line-height:1.35;\n  }\n\n  #zhss-variants-table .zhss-variants__groove-img{\n    width:22px;\n    height:22px;\n  }\n\n  #zhss-variants-table .zhss-variants__color-swatch{\n    width:22px;\n    height:22px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const root = document.getElementById('zhss-variants-table');\n  const i18nRoot = document.getElementById('zhss-variants-i18n');\n  const sourceRoot = document.getElementById('zhss-variants-source');\n  if (!root || !i18nRoot || !sourceRoot) return;\n\n  function getI18nNode(key) {\n    return i18nRoot.querySelector('[data-key=\"' + key + '\"]');\n  }\n\n  function trHtml(key, fallback) {\n    const node = getI18nNode(key);\n    return node ? node.innerHTML : fallback;\n  }\n\n  function trText(key, fallback) {\n    const node = getI18nNode(key);\n    return node ? node.textContent : fallback;\n  }\n\n  function escapeHtml(str) {\n    return String(str || '')\n      .replace(\/&\/g, '&amp;')\n      .replace(\/<\/g, '&lt;')\n      .replace(\/>\/g, '&gt;')\n      .replace(\/\"\/g, '&quot;')\n      .replace(\/'\/g, '&#039;');\n  }\n\n  function normalizePath(pathname) {\n    return (pathname || '\/').replace(\/\\\/+$\/, '') || '\/';\n  }\n\n  function getHtmlLangCandidates() {\n    const lang = (document.documentElement.getAttribute('lang') || '').toLowerCase().trim();\n    if (!lang) return [];\n\n    const out = [lang];\n    const primary = lang.split('-')[0];\n    if (primary && primary !== lang) out.push(primary);\n\n    return out;\n  }\n\n  function detectCurrentLanguagePrefix(pathname) {\n    const segments = String(pathname || '\/').split('\/').filter(Boolean);\n    if (!segments.length) return '';\n\n    const first = segments[0].toLowerCase();\n    const htmlLangCandidates = getHtmlLangCandidates();\n\n    if (htmlLangCandidates.includes(first)) return first;\n\n    const primaryCandidates = htmlLangCandidates.map(function(code) {\n      return code.split('-')[0];\n    });\n    if (primaryCandidates.includes(first)) return first;\n\n    if (\/^[a-z]{2,3}(?:-[a-z]{2,3})?$\/.test(first)) {\n      return first;\n    }\n\n    return '';\n  }\n\n  function joinPrefixAndPath(prefix, pathname) {\n    const cleanPrefix = String(prefix || '').replace(\/^\\\/+|\\\/+$\/g, '');\n    const cleanPath = String(pathname || '\/');\n\n    if (!cleanPrefix) return cleanPath || '\/';\n    if (cleanPath === '\/' || cleanPath === '') return '\/' + cleanPrefix + '\/';\n\n    return '\/' + cleanPrefix + (cleanPath.startsWith('\/') ? cleanPath : '\/' + cleanPath);\n  }\n\n  function buildTranslatePressAwareUrl(rawUrl) {\n    let urlObj;\n    try {\n      urlObj = new URL(rawUrl, window.location.origin);\n    } catch (e) {\n      return rawUrl;\n    }\n\n    if (urlObj.origin !== window.location.origin) return urlObj.href;\n\n    const currentPrefix = detectCurrentLanguagePrefix(window.location.pathname);\n    const targetPrefix = detectCurrentLanguagePrefix(urlObj.pathname);\n\n    if (targetPrefix) return urlObj.href;\n    if (!currentPrefix) return urlObj.href;\n\n    urlObj.pathname = joinPrefixAndPath(currentPrefix, urlObj.pathname);\n    return urlObj.href;\n  }\n\n  function readSourceVariants() {\n    const items = Array.prototype.slice.call(sourceRoot.querySelectorAll('.zhss-variants-source__item')).slice(0, 20);\n\n    return items.map(function(item) {\n      const getText = function(field) {\n        const node = item.querySelector('[data-field=\"' + field + '\"]');\n        return node ? (node.textContent || '').trim() : '';\n      };\n\n      return {\n        image: item.getAttribute('data-image') || '',\n        name: getText('name'),\n        length: item.getAttribute('data-length') || '',\n        grooveImage: item.getAttribute('data-groove-image') || '',\n        grooves: getText('grooves'),\n        swatch: item.getAttribute('data-swatch') || '#BDBDBD',\n        colour: getText('colour'),\n        url: item.getAttribute('data-url') || '#'\n      };\n    }).filter(function(item) {\n      return item.name || item.length || item.colour || item.grooves;\n    });\n  }\n\n  const labels = {\n    variant: trHtml('label_variant', 'Variant \u2193\u2191'),\n    length: trHtml('label_length', 'Length <span class=\"zhss-variants__head-mm\">(mm)<\/span> \u2193\u2191'),\n    grooves: trHtml('label_grooves', 'Grooves \u2193\u2191'),\n    colour: trHtml('label_colour', 'Colour \u2193\u2191'),\n    mobileLength: trText('mobile_length', 'Length:'),\n    mobileGrooves: trText('mobile_grooves', 'Grooves:'),\n    mobileColour: trText('mobile_colour', 'Colour:')\n  };\n\n  function renderTable() {\n    const variants = readSourceVariants();\n    const currentPath = normalizePath(window.location.pathname);\n\n    const rowsHtml = variants.map(function(item) {\n      const localizedUrl = buildTranslatePressAwareUrl(item.url || '#');\n      const itemPath = normalizePath(new URL(localizedUrl, window.location.origin).pathname);\n      const isCurrent = itemPath === currentPath ? ' is-current' : '';\n\n      return `\n        <a class=\"zhss-variants__row zhss-variants__item${isCurrent}\" href=\"${escapeHtml(localizedUrl)}\" data-url=\"${escapeHtml(localizedUrl)}\">\n          <div class=\"zhss-variants__col zhss-variants__col--variant\">\n            <div class=\"zhss-variants__variant-wrap\">\n              <img decoding=\"async\" class=\"zhss-variants__variant-img\" src=\"${escapeHtml(item.image)}\" alt=\"${escapeHtml(item.name)}\">\n              <div class=\"zhss-variants__variant-text\">${escapeHtml(item.name)}<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--length\">\n            <span class=\"zhss-variants__mobile-label\">${escapeHtml(labels.mobileLength)}<\/span>\n            <span class=\"zhss-variants__value\">${escapeHtml(item.length)}<\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--grooves\">\n            <span class=\"zhss-variants__mobile-label\">${escapeHtml(labels.mobileGrooves)}<\/span>\n            <span class=\"zhss-variants__icon-text\">\n              <img decoding=\"async\" class=\"zhss-variants__groove-img\" src=\"${escapeHtml(item.grooveImage)}\" alt=\"${escapeHtml(item.grooves)}\">\n              <span class=\"zhss-variants__value\">${escapeHtml(item.grooves)}<\/span>\n            <\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--colour\">\n            <span class=\"zhss-variants__mobile-label\">${escapeHtml(labels.mobileColour)}<\/span>\n            <span class=\"zhss-variants__color-wrap\">\n              <span class=\"zhss-variants__color-swatch\" style=\"background:${escapeHtml(item.swatch)};\"><\/span>\n              <span class=\"zhss-variants__value\">${escapeHtml(item.colour)}<\/span>\n            <\/span>\n          <\/div>\n        <\/a>\n      `;\n    }).join('');\n\n    root.innerHTML = `\n      <div class=\"zhss-variants__table\">\n        <div class=\"zhss-variants__head zhss-variants__row\">\n          <div class=\"zhss-variants__col zhss-variants__col--variant\">\n            <span class=\"zhss-variants__head-label\">${labels.variant}<\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--length\">\n            <span class=\"zhss-variants__head-label\">${labels.length}<\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--grooves\">\n            <span class=\"zhss-variants__head-label\">${labels.grooves}<\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--colour\">\n            <span class=\"zhss-variants__head-label\">${labels.colour}<\/span>\n          <\/div>\n        <\/div>\n\n        ${rowsHtml}\n      <\/div>\n    `;\n  }\n\n  renderTable();\n\n  const observer = new MutationObserver(function() {\n    renderTable();\n  });\n\n  observer.observe(i18nRoot, {\n    childList:true,\n    subtree:true,\n    characterData:true,\n    attributes:true\n  });\n\n  observer.observe(sourceRoot, {\n    childList:true,\n    subtree:true,\n    characterData:true,\n    attributes:true\n  });\n\n  window.setTimeout(renderTable, 400);\n  window.setTimeout(renderTable, 1200);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5fd0d5 elementor-widget elementor-widget-html\" data-id=\"a5fd0d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"grid md:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2 gap-x-8 gap-y-8\" data-testid=\"section-content\"><!--[--><div class=\"space-y-4\"><!----><h3 class=\"pb-4 text-2xl mb-4\"><span><!---->Deflection calculator<!----><\/span><!----><\/h3><!----><!----> <div class=\"grid w-full items-center gap-x-1 gap-y-2 sm:grid-cols-[33.3%_1fr] sm:gap-y-4\"><div>Force application<\/div> <div class=\"gap-2 grid auto-cols-fr grid-flow-col\" role=\"group\" data-testid=\"button-group\"><!--[--><button type=\"button\" data-testid=\"button-group-button-distributed\" class=\"text-item-grey-90 break-anywhere hover:bg-item-grey-05 group flex h-full items-center justify-center gap-2 rounded-sm border bg-white text-center leading-tight hyphens-auto transition-[box-shadow,color] px-4! border-item-grey-60 p-[9px] flex-row\"><!--[!--><!--]--> <!--[!--><!--]--> <!--[--><span class=\"after:invisible after:block after:h-0 after:font-bold after:content-[attr(data-label)]\" data-label=\"Distributed\">Distributed<\/span><!--]--><\/button> <!--[!--><!--]--><button type=\"button\" data-testid=\"button-group-button-central\" class=\"text-item-grey-90 break-anywhere hover:bg-item-grey-05 group flex h-full items-center justify-center gap-2 rounded-sm border bg-white text-center leading-tight hyphens-auto transition-[box-shadow,color] px-4! border-item-petrol outline-item-petrol font-bold outline outline-1 p-[9px] flex-row\"><!--[!--><!--]--> <!--[!--><!--]--> <!--[--><span class=\"after:invisible after:block after:h-0 after:font-bold after:content-[attr(data-label)]\" data-label=\"Central\">Central<\/span><!--]--><\/button> <!--[!--><!--]--><!--]--><\/div><!----> <!--[!--><!--]--> <div class=\"gap-2 grid auto-cols-fr grid-flow-col sm:col-span-2\" role=\"group\" data-testid=\"button-group\"><!--[--><button type=\"button\" data-testid=\"button-group-button-onTwoSupports\" class=\"text-item-grey-90 break-anywhere hover:bg-item-grey-05 group flex h-full items-center justify-center gap-2 rounded-sm border bg-white text-center leading-tight hyphens-auto transition-[box-shadow,color] px-4! border-item-petrol outline-item-petrol font-bold outline outline-1 p-[7px] flex-col\"><!--[!--><!--]--> <!--[--><!--[--><picture class=\"flex justify-center w-3\/4\" data-testid=\"button-group-image-onTwoSupports\"><!--[--><!--]--> <!--[--><img decoding=\"async\" src=\"data:image\/svg+xml,%3csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20300%20158'%20xml:space='preserve'%3e%3cpath%20fill='%23e6e6e6'%20stroke='%23000'%20stroke-width='.5'%20d='M2.3%2072.6h39.5v83.3H2.3z'\/%3e%3cpath%20d='M275.3%2033.6v23.7'%20fill='none'%20stroke='%23fe0009'\/%3e%3cpath%20d='m280.2%2056.8-2.5%204.3-2.5%204.3-2.5-4.3-2.5-4.3h10z'%20fill='%23fe0009'\/%3e%3cpath%20d='M258.3%2084.4h32m-31.9-18h32M275%20116.9V93.2'%20fill='none'%20stroke='%23fe0009'\/%3e%3cpath%20d='m270.2%2093.7%202.5-4.3%202.5-4.3%202.5%204.3%202.5%204.3h-10z'%20fill='%23fe0009'\/%3e%3cpath%20d='M3%2057.9c132.6%2053.2%20253.7-.1%20253.7-.1'%20fill='none'%20stroke='%23000'%20stroke-width='3'\/%3e%3cpath%20fill='%23e6e6e6'%20stroke='%23000'%20stroke-width='.5'%20d='M217.8%2072.7h39.5V156h-39.5z'\/%3e%3cpath%20d='M292.1%20137.4a9%209%200%200%201-2.6%202%206%206%200%200%201-2.7.6c-2%200-3.7-.8-5.1-2.5-1.5-1.6-2.2-3.7-2.2-6.3s.8-4.9%202.4-7%203.7-3.2%206.2-3.2c1.6%200%202.9.5%203.9%201.5v-3.3l-.1-3.8c-.1-.5-.3-.8-.5-1s-.5-.3-.8-.3l-1.3.3-.3-.7%205.3-2.2h.9v20.7l.1%203.8.5%201c.2.2.5.3.8.3l1.4-.3.2.7-5.3%202.2h-.9v-2.5h.1zm0-1.4v-9.2c-.1-.9-.3-1.7-.7-2.4a4.4%204.4%200%200%200-3.5-2.3c-1.1%200-2.2.5-3.1%201.5a8.7%208.7%200%200%200-1.8%205.9c0%202.6.6%204.6%201.7%206s2.4%202.1%203.8%202.1c1.3.2%202.5-.4%203.6-1.6z'%20fill='%23fe0009'\/%3e%3cpath%20d='M128.9%20114v23.7l.2%202.2c.2.4.4.6.8.8.3.2%201%20.3%201.9.3v.7H123v-.7c.8%200%201.4-.1%201.7-.3.3-.2.5-.4.7-.8.2-.4.3-1.1.3-2.2v-16.3l-.1-3.7c-.1-.5-.2-.8-.4-.9-.2-.2-.5-.3-.8-.3l-1.3.3-.3-.7%205.3-2.2.8.1z'%20fill='%230582a8'\/%3e%3cpath%20d='M44.2%20106.8h171.4M44.1%2088.7v23.6m171.5-23.6v23.6'%20fill='%230582a8'%20stroke='%230582a8'\/%3e%3cpath%20d='M106.9%2013.9v10.4h4.8c1.1%200%201.9-.2%202.4-.7s.9-1.5%201-2.9h.7v9h-.7c0-1-.1-1.8-.4-2.3s-.6-.8-1.1-1.1-1.1-.4-2-.4h-4.8v8.4c0%201.3.1%202.2.3%202.7.1.3.4.6.8.8a4%204%200%200%200%201.8.5h1v.7H99.3v-.7h.9c1.1%200%201.9-.3%202.4-1%20.3-.4.5-1.4.5-3V17.2c0-1.3-.1-2.2-.3-2.7-.1-.3-.4-.6-.8-.8a4%204%200%200%200-1.8-.5h-.9v-.7H119l.3%205.8h-.7a6.8%206.8%200%200%200-1.2-2.7c-.5-.6-1-1-1.7-1.3s-1.7-.4-3.1-.4h-5.7z'%20fill='%230582a8'\/%3e%3cpath%20d='M130%2027.8v42.7'%20fill='none'%20stroke='%230582a8'%20stroke-width='2'\/%3e%3cpath%20d='m134.9%2070-2.5%204.3-2.5%204.3-2.5-4.3-2.5-4.3h10z'%20fill='%230582a8'\/%3e%3cpath%20d='M42%2066.4h216.7M42%2084.4h216.7'%20fill='none'%20stroke='%23fe0009'%20stroke-dasharray='1,1'\/%3e%3c\/svg%3e\" alt=\"On two supports\" loading=\"lazy\" class=\"max-h-full w-full pointer-events-none object-contain\"><!--]--><\/picture><!--]--><!--]--> <!--[--><span class=\"after:invisible after:block after:h-0 after:font-bold after:content-[attr(data-label)]\" data-label=\"On two supports\">On two supports<\/span><!--]--><\/button> <!--[!--><!--]--><button type=\"button\" data-testid=\"button-group-button-fixedOneEnd\" class=\"text-item-grey-90 break-anywhere hover:bg-item-grey-05 group flex h-full items-center justify-center gap-2 rounded-sm border bg-white text-center leading-tight hyphens-auto transition-[box-shadow,color] px-4! border-item-grey-60 p-[7px] flex-col\"><!--[!--><!--]--> <!--[--><!--[--><picture class=\"flex justify-center w-3\/4\" data-testid=\"button-group-image-fixedOneEnd\"><!--[--><!--]--> <!--[--><img decoding=\"async\" src=\"data:image\/svg+xml,%3csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20297.8%20156'%3e%3cpath%20fill='%23b3b3b3'%20stroke='%23000'%20stroke-width='.5'%20d='M.3%2081.3h39.5v74.5H.3z'\/%3e%3cpath%20d='M147%20125.3V149a8.8%208.8%200%200%200%20.2%202.2%201.6%201.6%200%200%200%20.8.8%204%204%200%200%200%201.9.3v.7h-8.8v-.7a3.4%203.4%200%200%200%201.7-.3%201.9%201.9%200%200%200%20.7-.8%205.4%205.4%200%200%200%20.3-2.2v-16.3a28.6%2028.6%200%200%200-.1-3.7c-.1-.5-.2-.8-.4-.9a1.1%201.1%200%200%200-.8-.3%204%204%200%200%200-1.3.3l-.3-.7%205.3-2.2h.8Z'%20transform='translate(0%20-1.3)'%20fill='%230582a8'%20style='isolation:isolate'\/%3e%3cpath%20fill='%23b3b3b3'%20stroke='%23000'%20stroke-width='.5'%20d='M.3.3h39.5v74.5H.3z'\/%3e%3cpath%20d='M42.2%20113.7h214.4M42%2095.5V119m214-23.5V119'%20fill='%230582a8'%20stroke='%230582a8'\/%3e%3cpath%20d='M273.3%2042.3V66'%20fill='none'%20stroke='red'\/%3e%3cpath%20d='m278.2%2065.5-2.5%204.3-2.5%204.3-2.5-4.3-2.5-4.3h10Z'%20fill='red'\/%3e%3cpath%20d='M256.3%2093h32m-32-18h32'%20fill='none'%20stroke='%23fe0009'\/%3e%3cpath%20d='M273%20125.5v-23.7'%20fill='none'%20stroke='red'\/%3e%3cpath%20d='m268.1%20102.2%202.5-4.3%202.5-4.3%202.5%204.3%202.5%204.3h-10Z'%20fill='red'\/%3e%3cpath%20d='M40.7%2075h215.1'%20fill='none'%20stroke='red'%20stroke-dasharray='1,1'\/%3e%3cpath%20d='M220.4%2038.6V49h4.8a3.3%203.3%200%200%200%202.4-.7%204.7%204.7%200%200%200%201-2.9h.7v9h-.7a4.7%204.7%200%200%200-.4-2.3%203%203%200%200%200-1.1-1.1%203.7%203.7%200%200%200-2-.4h-4.8V59a8.2%208.2%200%200%200%20.3%202.7%201.6%201.6%200%200%200%20.8.8%204%204%200%200%200%201.8.5h1v.7h-11.4V63h.9a2.7%202.7%200%200%200%202.4-1%205.9%205.9%200%200%200%20.5-3V41.9a8.2%208.2%200%200%200-.3-2.7%201.6%201.6%200%200%200-.8-.8%204%204%200%200%200-1.8-.5h-.9v-.7h19.7l.3%205.8h-.7a6.8%206.8%200%200%200-1.2-2.7%204.3%204.3%200%200%200-1.7-1.3%208.3%208.3%200%200%200-3.1-.4Z'%20transform='translate(0%20-1.3)'%20fill='%230582a8'%20style='isolation:isolate'\/%3e%3cpath%20d='M243.4%2038v42.8'%20fill='none'%20stroke='%230582a8'%20stroke-width='2'\/%3e%3cpath%20d='m248.3%2080.3-2.5%204.3-2.5%204.3-2.5-4.4-2.5-4.3h10Z'%20fill='%230582a8'\/%3e%3cpath%20d='M40.7%2093h215.1'%20fill='none'%20stroke='%23fe0009'%20stroke-dasharray='1,1'\/%3e%3cpath%20d='M2.9%2078c210.8%200%20252.8%2015.8%20252.8%2015.8'%20fill='none'%20stroke='%23000'%20stroke-width='3'\/%3e%3cpath%20d='M291.6%20142.4a9%209%200%200%201-2.6%202%206%206%200%200%201-2.7.6%206.3%206.3%200%200%201-5-2.5%208.8%208.8%200%200%201-2.3-6.3%2011.2%2011.2%200%200%201%202.4-7%207.5%207.5%200%200%201%206.2-3.2%205.3%205.3%200%200%201%204%201.5v-3.3a31.6%2031.6%200%200%200-.2-3.8%201.9%201.9%200%200%200-.5-1%201.1%201.1%200%200%200-.8-.3%204%204%200%200%200-1.3.3l-.3-.7%205.3-2.2h1v20.7a29.6%2029.6%200%200%200%200%203.8%202.3%202.3%200%200%200%20.5%201%201.1%201.1%200%200%200%20.8.3%204.4%204.4%200%200%200%201.4-.3l.2.7-5.3%202.2h-.9v-2.5Zm0-1.4v-9.2a6.1%206.1%200%200%200-.7-2.4%204.4%204.4%200%200%200-1.5-1.7%203.8%203.8%200%200%200-2-.6%204.2%204.2%200%200%200-3%201.5%208.7%208.7%200%200%200-1.9%206%209.5%209.5%200%200%200%201.7%206%204.8%204.8%200%200%200%203.8%202%204%204%200%200%200%203.6-1.5Z'%20fill='%23fe0009'%20style='isolation:isolate'\/%3e%3c\/svg%3e\" alt=\"Fixed at one end\" loading=\"lazy\" class=\"max-h-full w-full pointer-events-none object-contain\"><!--]--><\/picture><!--]--><!--]--> <!--[--><span class=\"after:invisible after:block after:h-0 after:font-bold after:content-[attr(data-label)]\" data-label=\"Fixed at one end\">Fixed at one end<\/span><!--]--><\/button> <!--[!--><!--]--><button type=\"button\" data-testid=\"button-group-button-fixedBothEnds\" class=\"text-item-grey-90 break-anywhere hover:bg-item-grey-05 group flex h-full items-center justify-center gap-2 rounded-sm border bg-white text-center leading-tight hyphens-auto transition-[box-shadow,color] px-4! border-item-grey-60 p-[7px] flex-col\"><!--[!--><!--]--> <!--[--><!--[--><picture class=\"flex justify-center w-3\/4\" data-testid=\"button-group-image-fixedBothEnds\"><!--[--><!--]--> <!--[--><img decoding=\"async\" src=\"data:image\/svg+xml,%3csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20300%20158'%20xml:space='preserve'%3e%3cpath%20fill='%23b3b3b3'%20stroke='%23000'%20stroke-width='.5'%20d='M.3%2082.8h39.5v74.5H.3zM.3%201.8h39.5v74.5H.3z'\/%3e%3cpath%20d='M273.3%2043.7v23.7'%20fill='none'%20stroke='%23fe0009'\/%3e%3cpath%20d='m278.2%2067-2.5%204.3-2.5%204.3-2.5-4.3-2.5-4.3h10z'%20fill='%23fe0009'\/%3e%3cpath%20d='M256.3%2094.5h32M256.4%2076.5h32M273%20127v-23.6'%20fill='none'%20stroke='%23fe0009'\/%3e%3cpath%20d='m268.2%20103.8%202.5-4.3%202.5-4.3%202.5%204.3%202.5%204.3h-10z'%20fill='%23fe0009'\/%3e%3cpath%20d='M36.9%2079c94.9%2030%20181.7-.1%20181.7-.1'%20fill='none'%20stroke='%23000'%20stroke-width='3'\/%3e%3cpath%20fill='%23b3b3b3'%20stroke='%23000'%20stroke-width='.5'%20d='M215.8%2082.9h39.5v74.5h-39.5zM215.8%201.9h39.5v74.5h-39.5z'\/%3e%3cpath%20d='M38.1%2079.1H1.4M254.3%2079h-36.7'%20fill='none'%20stroke='%23000'%20stroke-width='3'\/%3e%3cpath%20d='M290.9%20140.8c-.9.9-1.7%201.6-2.6%202s-1.7.6-2.7.6c-2%200-3.7-.8-5.1-2.5s-2.2-3.7-2.2-6.3.8-4.9%202.4-7%203.7-3.2%206.2-3.2c1.6%200%202.9.5%203.9%201.5v-3.3l-.1-3.8c-.1-.5-.3-.8-.5-1s-.5-.3-.8-.3l-1.3.3-.3-.7%205.3-2.2h.9v20.7l.1%203.8.5%201c.2.2.5.3.8.3l1.4-.3.2.7-5.3%202.2h-.9v-2.5h.1zm0-1.3v-9.2c-.1-.9-.3-1.7-.7-2.4a4.4%204.4%200%200%200-3.5-2.3c-1.1%200-2.2.5-3.1%201.5a8.7%208.7%200%200%200-1.8%205.9c0%202.6.6%204.6%201.7%206s2.4%202.1%203.8%202.1c1.3.2%202.4-.4%203.6-1.6z'%20fill='%23fe0009'\/%3e%3cpath%20d='M126.8%20122.6v23.7l.2%202.2c.2.4.4.6.8.8.3.2%201%20.3%201.9.3v.7h-8.8v-.7c.8%200%201.4-.1%201.7-.3.3-.2.5-.4.7-.8.2-.4.3-1.1.3-2.2V130l-.1-3.7c-.1-.5-.2-.8-.4-.9-.2-.2-.5-.3-.8-.3l-1.3.3-.3-.7%205.3-2.2.8.1z'%20fill='%230582a8'\/%3e%3cg%20fill='%230582a8'%20stroke='%230582a8'%3e%3cpath%20d='M42.1%20115.4h171.4M42%2097.3v23.6M213.5%2097.3v23.6'\/%3e%3c\/g%3e%3cpath%20d='M101.7%2023.9v10.4h4.8c1.1%200%201.9-.2%202.4-.7s.9-1.5%201-2.9h.7v9h-.7c0-1-.1-1.8-.4-2.3s-.6-.8-1.1-1.1-1.1-.4-2-.4h-4.8v8.4c0%201.3.1%202.2.3%202.7.1.3.4.6.8.8a4%204%200%200%200%201.8.5h1v.7H94.1v-.7h.9c1.1%200%201.9-.3%202.4-1%20.3-.4.5-1.4.5-3V27.2c0-1.3-.1-2.2-.3-2.7-.1-.3-.4-.6-.8-.8a4%204%200%200%200-1.8-.5h-.9v-.7h19.7l.3%205.8h-.7c-.3-1.2-.7-2.1-1.2-2.7s-1-1-1.7-1.3-1.7-.4-3.1-.4h-5.7z'%20fill='%230582a8'\/%3e%3cpath%20d='M124.8%2037.8v42.7'%20fill='none'%20stroke='%230582a8'%20stroke-width='2'\/%3e%3cpath%20d='m129.7%2080-2.5%204.3-2.5%204.3-2.5-4.3-2.5-4.3h10z'%20fill='%230582a8'\/%3e%3cpath%20d='M40%2076.5h216.7M40%2094.5h216.7'%20fill='none'%20stroke='%23fe0009'%20stroke-dasharray='1,1'\/%3e%3c\/svg%3e\" alt=\"Fixed at both ends\" loading=\"lazy\" class=\"max-h-full w-full pointer-events-none object-contain\"><!--]--><\/picture><!--]--><!--]--> <!--[--><span class=\"after:invisible after:block after:h-0 after:font-bold after:content-[attr(data-label)]\" data-label=\"Fixed at both ends\">Fixed at both ends<\/span><!--]--><\/button> <!--[!--><!--]--><!--]--><\/div><!----> <label for=\"deflection-acting-force\">Force <!----><span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http:\/\/www.w3.org\/1998\/Math\/MathML\"><semantics><mrow><mi>F<\/mi><\/mrow><annotation encoding=\"application\/x-tex\">F<\/annotation><\/semantics><\/math><\/span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:0.6833em;\"><\/span><span class=\"mord mathnormal\" style=\"margin-right:0.13889em;\">F<\/span><\/span><\/span><\/span><!----><!----><\/label> <div class=\"flex w-full items-start\"><div class=\"relative w-full\"><input type=\"number\" step=\"any\" id=\"deflection-acting-force\" required=\"\" class=\"border-item-grey-30 no-spin-button hover:border-item-petrol hover:outline-item-petrol focus-visible:border-item-petrol peer w-full rounded-md border bg-white p-2 text-right leading-snug font-light outline-hidden outline-1 outline-offset-0! transition-[border-color,outline-color] border-r-0 rounded-r-none\" style=\"background: linear-gradient(90deg, rgb(155, 205, 220) 0%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);\"> <!--[!--><!--]--> <!--[!--><!--]--><\/div> <!--[--><!--[--><!----><!----> <div role=\"combobox\" aria-haspopup=\"listbox\" tabindex=\"-1\" class=\"relative\" data-testid=\"deflection-acting-force-unit-container\" aria-controls=\"deflection-acting-force-unit-listbox-container\" aria-expanded=\"false\" aria-labelledby=\"deflection-acting-force-unit\"><button type=\"button\" id=\"deflection-acting-force-unit\" data-testid=\"deflection-acting-force-unit-js\" class=\"border-item-grey-60 relative w-full rounded-md border bg-white p-2 pr-7 text-left leading-snug font-light outline-hidden outline-1 outline-offset-0! transition-[border-color,outline-color] hover:border-item-petrol hover:outline-item-petrol focus-visible:border-item-petrol rounded-l-none w-20!\"><div data-testid=\"deflection-acting-force-unit-selected-option\"><!----><!----><div class=\"flex items-center gap-x-2\"><!----> <div class=\"relative flex h-full w-full justify-between\"><div><!----> N<!----><\/div><\/div><\/div><!----><\/div> <span class=\"text-item-grey-60 absolute top-1\/2 right-0 mr-2 -translate-y-1\/2 transition-transform duration-300\"><!----><i class=\"icon-chevron-down icon\"><\/i><!----> <!----><!----><\/span><\/button><!----> <!----><\/div><!--]--><!--]--><\/div><!----> <!--[!--><!--[!--><!--]--><!--]--><!----> <label for=\"deflection-length\">Length <!----><span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http:\/\/www.w3.org\/1998\/Math\/MathML\"><semantics><mrow><mi>l<\/mi><\/mrow><annotation encoding=\"application\/x-tex\">l<\/annotation><\/semantics><\/math><\/span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:0.6944em;\"><\/span><span class=\"mord mathnormal\" style=\"margin-right:0.01968em;\">l<\/span><\/span><\/span><\/span><!----><!----><\/label> <div class=\"flex w-full items-start\"><div class=\"relative w-full\"><input type=\"number\" step=\"any\" id=\"deflection-length\" required=\"\" class=\"border-item-grey-30 no-spin-button hover:border-item-petrol hover:outline-item-petrol focus-visible:border-item-petrol peer w-full rounded-md border bg-white p-2 text-right leading-snug font-light outline-hidden outline-1 outline-offset-0! transition-[border-color,outline-color] border-r-0 rounded-r-none rounded-bl-none\" min=\"20\" max=\"6000\" style=\"background: linear-gradient(90deg, rgb(155, 205, 220) 3.01%, rgb(255, 255, 255) 3.01%, rgb(255, 255, 255) 100%);\"> <!--[!--><input type=\"range\" class=\"range absolute bottom-0 left-0 z-10 w-full cursor-ew-resize opacity-0\" data-testid=\"number-input-range\" tabindex=\"-1\" min=\"20\" max=\"6000\" step=\"1\"> <svg class=\"absolute z-5 h-[15px] -translate-x-1\/2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\" xml:space=\"preserve\" style=\"left: 3.01%;\"><defs><radialGradient id=\"a\" cx=\"50%\" cy=\"50%\" r=\"50%\" fx=\"50%\" fy=\"50%\"><stop offset=\"40%\" stop-color=\"#fff\"><\/stop><stop offset=\"100%\" stop-color=\"#ddd\"><\/stop><\/radialGradient><\/defs><path style=\"fill:url(#a);stroke-width:2.5;stroke:#ccc;-webkit-transition:stroke .3s ease-in-out;transition:stroke .3s ease-in-out\" d=\"m15.976 1021.009 7.687 13.314c7.659 13.169 8.491 13.314-7.687 13.314-15.915.113-15.508-.018-7.687-13.314z\" transform=\"translate(0 -1020.362)\" fill=\"red\"><\/path><\/svg><!--]--> <!--[!--><div class=\"group pointer-events-none relative h-4\"><span class=\"group-peer-focus:text-item-petrol absolute left-0 text-xs\" style=\"opacity: -0.199;\">20<\/span><!----> <span class=\"group-peer-focus:text-item-petrol absolute right-0 text-right text-xs\" style=\"opacity: 1;\">6,000<\/span><!----><\/div><!--]--><\/div> <!--[--><!--[--><!----><!----> <div role=\"combobox\" aria-haspopup=\"listbox\" tabindex=\"-1\" class=\"relative\" data-testid=\"deflection-length-unit-container\" aria-controls=\"deflection-length-unit-listbox-container\" aria-expanded=\"false\" aria-labelledby=\"deflection-length-unit\"><button type=\"button\" id=\"deflection-length-unit\" data-testid=\"deflection-length-unit-js\" class=\"border-item-grey-60 relative w-full rounded-md border bg-white p-2 pr-7 text-left leading-snug font-light outline-hidden outline-1 outline-offset-0! transition-[border-color,outline-color] hover:border-item-petrol hover:outline-item-petrol focus-visible:border-item-petrol rounded-l-none w-20!\"><div data-testid=\"deflection-length-unit-selected-option\"><!----><!----><div class=\"flex items-center gap-x-2\"><!----> <div class=\"relative flex h-full w-full justify-between\"><div><!----> mm<!----><\/div><\/div><\/div><!----><\/div> <span class=\"text-item-grey-60 absolute top-1\/2 right-0 mr-2 -translate-y-1\/2 transition-transform duration-300\"><!----><i class=\"icon-chevron-down icon\"><\/i><!----> <!----><!----><\/span><\/button><!----> <!----><\/div><!--]--><!--]--><\/div><!----> <!--[--><!----><!--]--><!----><\/div> <!--[!--><div class=\"break-anywhere space-y-4\"><div class=\"bg-item-grey-05 space-y-2 rounded-md p-2\" data-testid=\"result-group\"><h4 class=\"text-item-grey-90 text-2xl font-bold\" data-testid=\"result-group-label\">Deflection d&nbsp;\u2248&nbsp;0&nbsp;mmd&nbsp;\u2248&nbsp;0.01&nbsp;mmd&nbsp;\u2248&nbsp;0&nbsp;mmd&nbsp;\u2248&nbsp;0.01&nbsp;mmd&nbsp;\u2248&nbsp;0&nbsp;mmd&nbsp;\u2248&nbsp;0.01&nbsp;mm<!----><!----><\/h4> <details class=\"rounded-md bg-white shadow-[0_1px_1px_rgba(0,0,0,0.15)]\" open=\"\"><summary class=\"flex cursor-pointer justify-between p-2 font-bold\" data-testid=\"collapsible-label\">Deflection calculation<!----> <!----><i class=\"icon-chevron-down icon ml-4 transition-transform duration-300\" data-testid=\"collapsible-label-chevron\"><\/i><!----> <!----><!----><\/summary> <!----><\/details><!----><\/div><!----> <div class=\"bg-item-grey-05 space-y-2 rounded-md p-2\" data-testid=\"result-group\"><h4 class=\"text-item-grey-90 text-2xl font-bold\" data-testid=\"result-group-label\">Bending Stress \u03c3&nbsp;\u2248&nbsp;0.69&nbsp;N\/mm\u00b2\u03c3&nbsp;\u2248&nbsp;1.39&nbsp;N\/mm\u00b2\u03c3&nbsp;\u2248&nbsp;0.69&nbsp;N\/mm\u00b2\u03c3&nbsp;\u2248&nbsp;1.39&nbsp;N\/mm\u00b2\u03c3&nbsp;\u2248&nbsp;0.69&nbsp;N\/mm\u00b2\u03c3&nbsp;\u2248&nbsp;1.39&nbsp;N\/mm\u00b2<!----><!----><\/h4> <!----><div class=\"flex flex-row space-x-4 rounded-sm border p-4 border-item-green bg-item-green-10\"><!----><!----><!----><!----><i class=\"icon-check icon self-center text-2xl leading-none\"><\/i><!----> <!----><!----> <div class=\"break-anywhere flex-1 overflow-hidden\"><!----><!----><!---->The resulting Bending Stress of 0.69&nbsp;N\/mm\u00b2 is less than the Yield point of 195&nbsp;N\/mm\u00b2 for this profile, so it doesn't get permanently deformed with this applied force.The resulting Bending Stress of 1.39&nbsp;N\/mm\u00b2 is less than the Yield point of 195&nbsp;N\/mm\u00b2 for this profile, so it doesn't get permanently deformed with this applied force.The resulting Bending Stress of 0.69&nbsp;N\/mm\u00b2 is less than the Yield point of 195&nbsp;N\/mm\u00b2 for this profile, so it doesn't get permanently deformed with this applied force.The resulting Bending Stress of 1.39&nbsp;N\/mm\u00b2 is less than the Yield point of 195&nbsp;N\/mm\u00b2 for this profile, so it doesn't get permanently deformed with this applied force.The resulting Bending Stress of 0.69&nbsp;N\/mm\u00b2 is less than the Yield point of 195&nbsp;N\/mm\u00b2 for this profile, so it doesn't get permanently deformed with this applied force.The resulting Bending Stress of 1.39&nbsp;N\/mm\u00b2 is less than the Yield point of 195&nbsp;N\/mm\u00b2 for this profile, so it doesn't get permanently deformed with this applied force.<!----><\/div> <!----><\/div><!----> <details class=\"rounded-md bg-white shadow-[0_1px_1px_rgba(0,0,0,0.15)]\" open=\"\"><summary class=\"flex cursor-pointer justify-between p-2 font-bold\" data-testid=\"collapsible-label\">Bending Stress calculation<!----> <!----><i class=\"icon-chevron-down icon ml-4 transition-transform duration-300\" data-testid=\"collapsible-label-chevron\"><\/i><!----> <!----><!----><\/summary> <!----><\/details><!----><!----><\/div><!----><\/div><!--]--><\/div><!--]--><!----><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60c532a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"60c532a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6a38c9 elementor-widget elementor-widget-heading\" data-id=\"e6a38c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Gutter Sections\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96f00c3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"96f00c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d436d4 elementor-widget elementor-widget-heading\" data-id=\"3d436d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Half Round Range\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aadc660 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"aadc660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f50a5b elementor-widget elementor-widget-heading\" data-id=\"6f50a5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Half Round Range\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b42358a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b42358a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44df431 elementor-widget elementor-widget-heading\" data-id=\"44df431\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Corner Sections\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0e288c elementor-widget elementor-widget-gallery\" data-id=\"b0e288c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;aspect_ratio&quot;:&quot;1:1&quot;,&quot;overlay_title&quot;:&quot;title&quot;,&quot;columns_tablet&quot;:4,&quot;columns_mobile&quot;:4,&quot;columns&quot;:5,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/12\/cornersection.svg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b0e288c\" data-elementor-lightbox-title=\"cornersection\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Njk2MiwidXJsIjoiaHR0cHM6XC9cL3poc3Mub3JnXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8xMlwvY29ybmVyc2VjdGlvbi5zdmciLCJzbGlkZXNob3ciOiJiMGUyODhjIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/12\/cornersection.svg\" data-width=\"800\" data-height=\"800\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcornersection\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f389cf7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f389cf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6464386 elementor-widget elementor-widget-heading\" data-id=\"6464386\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lap Plate Sections\n\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-761ea62 elementor-widget elementor-widget-gallery\" data-id=\"761ea62\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;aspect_ratio&quot;:&quot;1:1&quot;,&quot;overlay_title&quot;:&quot;title&quot;,&quot;columns_tablet&quot;:4,&quot;columns_mobile&quot;:4,&quot;columns&quot;:5,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/12\/730.svg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"761ea62\" data-elementor-lightbox-title=\"730\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Njk2MSwidXJsIjoiaHR0cHM6XC9cL3poc3Mub3JnXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8xMlwvNzMwLnN2ZyIsInNsaWRlc2hvdyI6Ijc2MWVhNjIifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/12\/730.svg\" data-width=\"800\" data-height=\"800\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t730\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/12\/932.svg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"761ea62\" data-elementor-lightbox-title=\"932\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Njk2MCwidXJsIjoiaHR0cHM6XC9cL3poc3Mub3JnXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI1XC8xMlwvOTMyLnN2ZyIsInNsaWRlc2hvdyI6Ijc2MWVhNjIifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/zhss.org\/wp-content\/uploads\/2025\/12\/932.svg\" data-width=\"800\" data-height=\"800\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t932\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\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>Gutter Sections Variant Length (mm) Grooves Colour Length: Grooves: Colour: Profile 5 20&#215;20, natural Open Aluminium, natural Profile 5 20&#215;20, black Open Black Profile 5 20&#215;20 1N, natural 1 side closed Aluminium, natural Profile 5 20&#215;20 2N90, natural 2 sides closed (90\u00b0) Aluminium, natural Profile 5 20&#215;20 2N180, natural 2 sides closed (180\u00b0) Aluminium, natural [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6819,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[],"class_list":["post-7325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aluminium-sections"],"_links":{"self":[{"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/posts\/7325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/comments?post=7325"}],"version-history":[{"count":128,"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/posts\/7325\/revisions"}],"predecessor-version":[{"id":7603,"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/posts\/7325\/revisions\/7603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/media\/6819"}],"wp:attachment":[{"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/media?parent=7325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/categories?post=7325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zhss.org\/pt\/wp-json\/wp\/v2\/tags?post=7325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}