{"id":10566,"date":"2026-10-26T09:45:22","date_gmt":"2026-10-26T01:45:22","guid":{"rendered":"https:\/\/workshopdoor.com\/?page_id=10566"},"modified":"2026-10-26T09:47:42","modified_gmt":"2026-10-26T01:47:42","slug":"dock-seals-and-shelters","status":"publish","type":"page","link":"https:\/\/workshopdoor.com\/pt\/dock-seals-and-shelters\/","title":{"rendered":"Veda\u00e7\u00e3o e Abrigos para Docas de Carregamento"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10566\" class=\"elementor elementor-10566\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65a89ff5 e-flex e-con-boxed e-con e-parent\" data-id=\"65a89ff5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21893f97 elementor-widget elementor-widget-text-editor\" data-id=\"21893f97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bcfbde e-flex e-con-boxed e-con e-parent\" data-id=\"2bcfbde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4117d66 elementor-widget elementor-widget-html\" data-id=\"4117d66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Dock Seals and Shelters \u96c6\u5408\u9875\u516c\u5171\u6837\u5f0f\r\n  Elementor \u4f7f\u7528\u65b9\u6cd5\uff1a\u653e\u5728\u9875\u9762\u6700\u4e0a\u65b9\u7684\u72ec\u7acb HTML Widget \u4e2d\uff0c\u53ea\u7c98\u8d34\u4e00\u6b21\u3002\r\n  \u4f5c\u7528\u57df\uff1a\u6240\u6709\u9009\u62e9\u5668\u5747\u4f7f\u7528 wdss- \u524d\u7f00\uff0c\u4e0d\u5f71\u54cd\u7ad9\u70b9\u5176\u4ed6\u9875\u9762\u3002\r\n-->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   01. PAGE BASE\r\n   ========================================================= *\/\r\n\r\n.wdss-page {\r\n  --wdss-blue: #0868bd;\r\n  --wdss-blue-dark: #082b49;\r\n  --wdss-ink: #0b2239;\r\n  --wdss-muted: #5f7285;\r\n  --wdss-soft: #f1f5f8;\r\n  --wdss-soft-blue: #eaf3fb;\r\n  --wdss-cyan: #6bd8ec;\r\n  --wdss-green: #178d70;\r\n  --wdss-line: #d9e3eb;\r\n  --wdss-white: #ffffff;\r\n\r\n  --wdss-shadow:\r\n    0 14px 40px rgba(13, 45, 75, .08);\r\n\r\n  --wdss-shadow-hover:\r\n    0 18px 44px rgba(12, 42, 69, .13);\r\n\r\n  --wdss-radius-sm: 8px;\r\n  --wdss-radius-md: 14px;\r\n  --wdss-radius-lg: 20px;\r\n\r\n  position: relative;\r\n\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  border: 0 !important;\r\n\r\n  color: var(--wdss-ink) !important;\r\n  background: var(--wdss-white);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n\r\n  overflow-x: clip;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   02. GLOBAL RESET INSIDE WDSS PAGE\r\n   ========================================================= *\/\r\n\r\n.wdss-page,\r\n.wdss-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wdss-page > *:first-child {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.wdss-page > *:last-child {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.wdss-page img {\r\n  display: block;\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.wdss-page a {\r\n  text-decoration: none;\r\n}\r\n\r\n.wdss-page h1,\r\n.wdss-page h2,\r\n.wdss-page h3,\r\n.wdss-page h4,\r\n.wdss-page h5,\r\n.wdss-page h6,\r\n.wdss-page p,\r\n.wdss-page figure {\r\n  margin-top: 0;\r\n}\r\n\r\n.wdss-page button,\r\n.wdss-page input,\r\n.wdss-page select,\r\n.wdss-page textarea {\r\n  font: inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   03. REMOVE ACCIDENTAL EMPTY SPACE\r\n   ========================================================= *\/\r\n\r\n.wdss-page > p:empty,\r\n.wdss-page > div:empty,\r\n.wdss-page > span:empty {\r\n  display: none !important;\r\n  height: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.wdss-page > br:first-child {\r\n  display: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   04. COMMON CONTENT WIDTH\r\n   ========================================================= *\/\r\n\r\n.wdss-wrap {\r\n  width: 80%;\r\n  max-width: 1180px;\r\n\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n\r\n  padding: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   05. STANDARD SECTION\r\n   ========================================================= *\/\r\n\r\n.wdss-section {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 86px 0;\r\n\r\n  border: 0;\r\n}\r\n\r\n.wdss-section:first-child {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   06. BACKGROUND COLORS\r\n   ========================================================= *\/\r\n\r\n.wdss-soft {\r\n  background: var(--wdss-soft) !important;\r\n}\r\n\r\n.wdss-soft-blue {\r\n  background: var(--wdss-soft-blue) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   07. EYEBROW\r\n   ========================================================= *\/\r\n\r\n.wdss-eyebrow {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 9px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    15px !important;\r\n\r\n  color:\r\n    var(--wdss-blue) !important;\r\n\r\n  font-size:\r\n    12px !important;\r\n\r\n  font-weight:\r\n    900 !important;\r\n\r\n  letter-spacing:\r\n    1.55px !important;\r\n\r\n  line-height:\r\n    1.35 !important;\r\n\r\n  text-transform:\r\n    uppercase;\r\n}\r\n\r\n.wdss-eyebrow::before {\r\n  content: \"\";\r\n\r\n  flex:\r\n    0\r\n    0\r\n    26px;\r\n\r\n  width:\r\n    26px;\r\n\r\n  height:\r\n    3px;\r\n\r\n  border-radius:\r\n    3px;\r\n\r\n  background:\r\n    var(--wdss-cyan);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   08. HEADINGS\r\n   ========================================================= *\/\r\n\r\n.wdss-heading {\r\n  max-width:\r\n    820px;\r\n\r\n  margin-bottom:\r\n    16px !important;\r\n\r\n  color:\r\n    var(--wdss-ink) !important;\r\n\r\n  font-size:\r\n    clamp(30px, 3.4vw, 46px) !important;\r\n\r\n  font-weight:\r\n    800 !important;\r\n\r\n  letter-spacing:\r\n    -1px !important;\r\n\r\n  line-height:\r\n    1.1 !important;\r\n}\r\n\r\n.wdss-intro {\r\n  max-width:\r\n    760px;\r\n\r\n  margin-bottom:\r\n    0 !important;\r\n\r\n  color:\r\n    var(--wdss-muted) !important;\r\n\r\n  font-size:\r\n    18px !important;\r\n\r\n  line-height:\r\n    1.65 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   09. CENTER ALIGNMENT\r\n   ========================================================= *\/\r\n\r\n.wdss-center {\r\n  text-align:\r\n    center;\r\n}\r\n\r\n.wdss-center .wdss-heading,\r\n.wdss-center .wdss-intro {\r\n  margin-right:\r\n    auto;\r\n\r\n  margin-left:\r\n    auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   10. BUTTON GROUP\r\n   ========================================================= *\/\r\n\r\n.wdss-btns {\r\n  display:\r\n    flex;\r\n\r\n  flex-wrap:\r\n    wrap;\r\n\r\n  gap:\r\n    12px;\r\n}\r\n\r\n.wdss-btn {\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  min-height:\r\n    52px;\r\n\r\n  padding:\r\n    0\r\n    24px;\r\n\r\n  border:\r\n    2px\r\n    solid\r\n    transparent;\r\n\r\n  border-radius:\r\n    7px;\r\n\r\n  font-size:\r\n    15px !important;\r\n\r\n  font-weight:\r\n    900 !important;\r\n\r\n  line-height:\r\n    1.25 !important;\r\n\r\n  text-align:\r\n    center;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    background-color .2s ease;\r\n}\r\n\r\n\r\n\/* Primary *\/\r\n\r\n.wdss-btn-primary {\r\n  border-color:\r\n    var(--wdss-blue) !important;\r\n\r\n  color:\r\n    #ffffff !important;\r\n\r\n  background:\r\n    var(--wdss-blue) !important;\r\n}\r\n\r\n\r\n\/* Outline *\/\r\n\r\n.wdss-btn-outline {\r\n  border-color:\r\n    var(--wdss-blue) !important;\r\n\r\n  color:\r\n    var(--wdss-blue) !important;\r\n\r\n  background:\r\n    transparent !important;\r\n}\r\n\r\n\r\n\/* Light *\/\r\n\r\n.wdss-btn-light {\r\n  border-color:\r\n    #ffffff !important;\r\n\r\n  color:\r\n    var(--wdss-blue-dark) !important;\r\n\r\n  background:\r\n    #ffffff !important;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.wdss-btn:hover {\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0\r\n    12px\r\n    28px\r\n    rgba(8, 104, 189, .24);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   11. ACCESSIBILITY FOCUS\r\n   ========================================================= *\/\r\n\r\n.wdss-page a:focus-visible,\r\n.wdss-page button:focus-visible,\r\n.wdss-page summary:focus-visible {\r\n  outline:\r\n    3px\r\n    solid\r\n    rgba(8, 104, 189, .32);\r\n\r\n  outline-offset:\r\n    3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   12. CARDS\r\n   ========================================================= *\/\r\n\r\n.wdss-card {\r\n  overflow:\r\n    hidden;\r\n\r\n  border:\r\n    1px\r\n    solid\r\n    var(--wdss-line);\r\n\r\n  border-radius:\r\n    var(--wdss-radius-md);\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  box-shadow:\r\n    var(--wdss-shadow);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n.wdss-card:hover {\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    var(--wdss-shadow-hover);\r\n}\r\n\r\n.wdss-card-body {\r\n  padding:\r\n    28px;\r\n}\r\n\r\n.wdss-card-kicker {\r\n  color:\r\n    var(--wdss-blue) !important;\r\n\r\n  font-size:\r\n    11px !important;\r\n\r\n  font-weight:\r\n    900 !important;\r\n\r\n  letter-spacing:\r\n    1.2px !important;\r\n\r\n  text-transform:\r\n    uppercase;\r\n}\r\n\r\n.wdss-card-title {\r\n  margin:\r\n    8px\r\n    0\r\n    10px !important;\r\n\r\n  color:\r\n    var(--wdss-ink) !important;\r\n\r\n  font-size:\r\n    25px !important;\r\n\r\n  font-weight:\r\n    800 !important;\r\n\r\n  line-height:\r\n    1.16 !important;\r\n}\r\n\r\n.wdss-card-copy {\r\n  color:\r\n    var(--wdss-muted) !important;\r\n\r\n  font-size:\r\n    14px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   13. GRIDS\r\n   ========================================================= *\/\r\n\r\n.wdss-grid-2,\r\n.wdss-grid-3,\r\n.wdss-grid-4 {\r\n  display:\r\n    grid;\r\n\r\n  gap:\r\n    22px;\r\n}\r\n\r\n.wdss-grid-2 {\r\n  grid-template-columns:\r\n    repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.wdss-grid-3 {\r\n  grid-template-columns:\r\n    repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.wdss-grid-4 {\r\n  grid-template-columns:\r\n    repeat(4, minmax(0, 1fr));\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   14. TABLE\r\n   ========================================================= *\/\r\n\r\n.wdss-table-wrap {\r\n  overflow-x:\r\n    auto;\r\n\r\n  margin-top:\r\n    32px;\r\n\r\n  border:\r\n    1px\r\n    solid\r\n    var(--wdss-line);\r\n\r\n  border-radius:\r\n    13px;\r\n\r\n  background:\r\n    #ffffff;\r\n}\r\n\r\n.wdss-table {\r\n  width:\r\n    100%;\r\n\r\n  min-width:\r\n    760px;\r\n\r\n  border-collapse:\r\n    collapse;\r\n}\r\n\r\n.wdss-table th,\r\n.wdss-table td {\r\n  padding:\r\n    15px\r\n    17px;\r\n\r\n  border-bottom:\r\n    1px\r\n    solid\r\n    var(--wdss-line);\r\n\r\n  text-align:\r\n    left;\r\n\r\n  vertical-align:\r\n    top;\r\n}\r\n\r\n.wdss-table th {\r\n  color:\r\n    var(--wdss-blue-dark) !important;\r\n\r\n  background:\r\n    var(--wdss-soft-blue) !important;\r\n\r\n  font-size:\r\n    13px !important;\r\n\r\n  font-weight:\r\n    900 !important;\r\n\r\n  letter-spacing:\r\n    .5px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n}\r\n\r\n.wdss-table td {\r\n  color:\r\n    var(--wdss-muted) !important;\r\n\r\n  font-size:\r\n    14px !important;\r\n}\r\n\r\n.wdss-table td:first-child {\r\n  color:\r\n    var(--wdss-ink) !important;\r\n\r\n  font-weight:\r\n    900 !important;\r\n}\r\n\r\n.wdss-table tr:last-child td {\r\n  border-bottom:\r\n    0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   15. FAQ\r\n   ========================================================= *\/\r\n\r\n.wdss-faq {\r\n  margin-top:\r\n    34px;\r\n\r\n  border-top:\r\n    1px\r\n    solid\r\n    var(--wdss-line);\r\n}\r\n\r\n.wdss-faq details {\r\n  padding:\r\n    20px\r\n    3px;\r\n\r\n  border-bottom:\r\n    1px\r\n    solid\r\n    var(--wdss-line);\r\n}\r\n\r\n.wdss-faq summary {\r\n  position:\r\n    relative;\r\n\r\n  padding-right:\r\n    34px;\r\n\r\n  color:\r\n    var(--wdss-ink) !important;\r\n\r\n  font-size:\r\n    16px !important;\r\n\r\n  font-weight:\r\n    900 !important;\r\n\r\n  list-style:\r\n    none;\r\n\r\n  cursor:\r\n    pointer;\r\n}\r\n\r\n.wdss-faq summary::-webkit-details-marker {\r\n  display:\r\n    none;\r\n}\r\n\r\n.wdss-faq summary::after {\r\n  content:\r\n    \"+\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    -3px;\r\n\r\n  right:\r\n    4px;\r\n\r\n  color:\r\n    var(--wdss-blue);\r\n\r\n  font-size:\r\n    25px;\r\n}\r\n\r\n.wdss-faq details[open] summary::after {\r\n  content:\r\n    \"\u2212\";\r\n}\r\n\r\n.wdss-faq details p {\r\n  margin:\r\n    11px\r\n    0\r\n    0 !important;\r\n\r\n  color:\r\n    var(--wdss-muted) !important;\r\n\r\n  font-size:\r\n    14px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   16. RELATED LINKS\r\n   ========================================================= *\/\r\n\r\n.wdss-related {\r\n  display:\r\n    flex;\r\n\r\n  flex-wrap:\r\n    wrap;\r\n\r\n  gap:\r\n    10px;\r\n\r\n  margin-top:\r\n    30px;\r\n}\r\n\r\n.wdss-related a {\r\n  padding:\r\n    9px\r\n    13px;\r\n\r\n  border:\r\n    1px\r\n    solid\r\n    var(--wdss-line);\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  color:\r\n    var(--wdss-blue) !important;\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  font-size:\r\n    12px !important;\r\n\r\n  font-weight:\r\n    900 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   17. TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n  .wdss-section {\r\n    padding:\r\n      68px\r\n      0;\r\n  }\r\n\r\n  .wdss-wrap {\r\n    width:\r\n      86%;\r\n  }\r\n\r\n  .wdss-grid-3,\r\n  .wdss-grid-4 {\r\n    grid-template-columns:\r\n      repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   18. MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 640px) {\r\n\r\n  .wdss-page {\r\n    margin:\r\n      0 !important;\r\n\r\n    padding:\r\n      0 !important;\r\n  }\r\n\r\n  .wdss-wrap {\r\n    width:\r\n      88%;\r\n\r\n    max-width:\r\n      none;\r\n  }\r\n\r\n  .wdss-section {\r\n    padding:\r\n      54px\r\n      0;\r\n  }\r\n\r\n  .wdss-heading {\r\n    font-size:\r\n      32px !important;\r\n\r\n    letter-spacing:\r\n      -.65px !important;\r\n  }\r\n\r\n  .wdss-intro {\r\n    font-size:\r\n      16px !important;\r\n  }\r\n\r\n  .wdss-grid-2,\r\n  .wdss-grid-3,\r\n  .wdss-grid-4 {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n  .wdss-btns {\r\n    display:\r\n      grid;\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n  .wdss-btns .wdss-btn {\r\n    width:\r\n      100%;\r\n  }\r\n\r\n  .wdss-card-body {\r\n    padding:\r\n      24px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   19. REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .wdss-page *,\r\n  .wdss-page *::before,\r\n  .wdss-page *::after {\r\n    scroll-behavior:\r\n      auto !important;\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n\r\n    animation-duration:\r\n      .01ms !important;\r\n\r\n    animation-iteration-count:\r\n      1 !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d72c11 e-con-full e-flex e-con e-parent\" data-id=\"6d72c11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9120437 elementor-widget elementor-widget-html\" data-id=\"9120437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SEPPES | DOCK SEALS AND SHELTERS HERO\r\n     Full Width Background + 80% Centered Content\r\n     ========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   01. HERO OUTER FIX\r\n   \u4fee\u590d Elementor \/ WordPress Header \u4e0b\u65b9\u767d\u8272\u95f4\u9699\r\n   ========================================================= *\/\r\n\r\n\/*\r\n * \u5f53\u524d\u9875\u9762\u4e3b\u9898\u5728 Header \u4e0e\u6b63\u6587\u4e4b\u95f4\u5b58\u5728\u989d\u5916\u7a7a\u767d\u3002\r\n * Hero \u5411\u4e0a\u8865\u507f\uff0c\u5e76\u5728\u5e95\u90e8\u540c\u6b65\u8865\u507f\uff0c\u907f\u514d\u5f71\u54cd\u4e0b\u4e00\u6a21\u5757\u3002\r\n *\/\r\n.wdss-hero {\r\n  --wdss-hero-top-fix: 36px;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  margin-top: calc(-1 * var(--wdss-hero-top-fix)) !important;\r\n  margin-right: 0 !important;\r\n  margin-bottom: calc(-1 * var(--wdss-hero-top-fix)) !important;\r\n  margin-left: calc(50% - 50vw) !important;\r\n\r\n  padding: calc(70px + var(--wdss-hero-top-fix)) 0 70px;\r\n\r\n  min-height: 796px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #061f35;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* \u9632\u6b62 HTML Widget \u81ea\u8eab\u6dfb\u52a0\u4e0a\u4e0b\u7a7a\u95f4 *\/\r\n.elementor-widget-html:has(.wdss-hero),\r\n.elementor-widget-html:has(.wdss-hero) > .elementor-widget-container {\r\n  margin-top: 0 !important;\r\n  margin-bottom: 0 !important;\r\n\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n\r\n\/* Hero \u6240\u5728 Elementor Container *\/\r\n.e-con:has(.wdss-hero) {\r\n  margin-top: 0 !important;\r\n  margin-bottom: 0 !important;\r\n\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n\r\n  gap: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   02. BASE RESET\r\n   ========================================================= *\/\r\n\r\n.wdss-hero,\r\n.wdss-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wdss-hero img {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n\r\n.wdss-hero a {\r\n  text-decoration: none;\r\n}\r\n\r\n.wdss-hero h1,\r\n.wdss-hero p {\r\n  margin-top: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   03. BACKGROUND IMAGE\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-hero-bg {\r\n  position: absolute !important;\r\n\r\n  z-index: -3 !important;\r\n\r\n  inset: 0 !important;\r\n\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  max-width: none !important;\r\n\r\n  object-fit: cover !important;\r\n\r\n  object-position: center 54% !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   04. BACKGROUND OVERLAY\r\n   ========================================================= *\/\r\n\r\n.wdss-hero::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -2;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #061f35 0%,\r\n      rgba(6, 31, 53, .98) 24%,\r\n      rgba(6, 31, 53, .87) 43%,\r\n      rgba(6, 31, 53, .46) 64%,\r\n      rgba(6, 31, 53, .08) 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.wdss-hero::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -1;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(0, 0, 0, .03) 0%,\r\n      transparent 70%,\r\n      rgba(6, 31, 53, .15) 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   05. 80% CENTERED CONTENT\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-wrap {\r\n  width: 80% !important;\r\n  max-width: none !important;\r\n\r\n  min-width: 0;\r\n\r\n  margin-right: auto !important;\r\n  margin-left: auto !important;\r\n\r\n  padding: 0 !important;\r\n}\r\n\r\n.wdss-hero .wdss-hero-inner {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.04fr)\r\n    minmax(0, .96fr);\r\n\r\n  gap: 32px;\r\n\r\n  align-items: center;\r\n\r\n  min-height: 620px;\r\n}\r\n\r\n.wdss-hero .wdss-hero-panel {\r\n  width: 100%;\r\n  min-width: 0;\r\n\r\n  padding: 0;\r\n\r\n  border: none !important;\r\n  border-radius: 0 !important;\r\n\r\n  background: none !important;\r\n\r\n  box-shadow: none !important;\r\n\r\n  backdrop-filter: none !important;\r\n  -webkit-backdrop-filter: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   06. EYEBROW\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-eyebrow {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin: 0 0 15px !important;\r\n\r\n  color: #75dff1 !important;\r\n\r\n  font-size: 12px !important;\r\n  font-weight: 900 !important;\r\n\r\n  letter-spacing: 1.5px !important;\r\n\r\n  line-height: 1.35 !important;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.wdss-hero .wdss-eyebrow::before {\r\n  content: \"\";\r\n\r\n  flex: 0 0 24px;\r\n\r\n  width: 24px;\r\n  height: 3px;\r\n\r\n  border-radius: 3px;\r\n\r\n  background: #62d4ea;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   07. H1\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-hero-panel h1 {\r\n  max-width: 650px;\r\n\r\n  margin: 15px 0 18px !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n  font-size: clamp(36px, 3.5vw, 52px) !important;\r\n\r\n  font-weight: 900 !important;\r\n\r\n  letter-spacing: -1.35px !important;\r\n\r\n  line-height: 1.08 !important;\r\n\r\n  text-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   08. DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-hero-copy {\r\n  max-width: 650px;\r\n\r\n  margin: 0 !important;\r\n\r\n  color: #edf5fb !important;\r\n\r\n  font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n  font-size: 17px !important;\r\n\r\n  font-weight: 500 !important;\r\n\r\n  line-height: 1.68 !important;\r\n\r\n  letter-spacing: .05px !important;\r\n\r\n  text-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   09. SELECTION TITLE\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-selection-title {\r\n  margin: 22px 0 12px !important;\r\n\r\n  color: #75dff1 !important;\r\n\r\n  font-size: 13px !important;\r\n\r\n  font-weight: 900 !important;\r\n\r\n  letter-spacing: .75px !important;\r\n\r\n  line-height: 1.4 !important;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   10. BENEFIT CARDS\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-point-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, minmax(0, 1fr));\r\n\r\n  gap: 10px;\r\n}\r\n\r\n.wdss-hero .wdss-point {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    29px minmax(0, 1fr);\r\n\r\n  gap: 10px;\r\n\r\n  align-items: start;\r\n\r\n  min-width: 0;\r\n\r\n  padding: 14px;\r\n\r\n  border: 1px solid #d5e3ed !important;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #ffffff !important;\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(4, 25, 43, .16);\r\n}\r\n\r\n\r\n\/* Check *\/\r\n\r\n.wdss-hero .wdss-point-icon {\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 27px;\r\n  height: 27px;\r\n\r\n  margin: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #15977d !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 13px !important;\r\n\r\n  font-weight: 900 !important;\r\n\r\n  line-height: 1 !important;\r\n}\r\n\r\n\r\n\/* Card title *\/\r\n\r\n.wdss-hero .wdss-point strong {\r\n  display: block;\r\n\r\n  margin: 0;\r\n\r\n  color: #082b49 !important;\r\n\r\n  font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n  font-size: 14px !important;\r\n\r\n  font-weight: 800 !important;\r\n\r\n  line-height: 1.4 !important;\r\n\r\n  opacity: 1 !important;\r\n\r\n  text-shadow: none !important;\r\n}\r\n\r\n\r\n\/* Card description *\/\r\n\r\n.wdss-hero .wdss-point div > span {\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color: #506b82 !important;\r\n\r\n  font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n  font-size: 12px !important;\r\n\r\n  font-weight: 400 !important;\r\n\r\n  line-height: 1.5 !important;\r\n\r\n  opacity: 1 !important;\r\n\r\n  text-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   11. CTA\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-btns {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 24px;\r\n}\r\n\r\n.wdss-hero .wdss-btn {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 52px;\r\n\r\n  padding: 0 24px;\r\n\r\n  border: 2px solid transparent;\r\n\r\n  border-radius: 7px;\r\n\r\n  font-family: Arial, Helvetica, sans-serif !important;\r\n\r\n  font-size: 16px !important;\r\n\r\n  font-weight: 800 !important;\r\n\r\n  line-height: 1.35 !important;\r\n\r\n  text-align: center;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n.wdss-hero .wdss-btn-primary {\r\n  border-color: #0868bd !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  background: #0868bd !important;\r\n}\r\n\r\n.wdss-hero .wdss-btn-light {\r\n  border-color: #ffffff !important;\r\n\r\n  color: #0868bd !important;\r\n\r\n  background: #ffffff !important;\r\n}\r\n\r\n.wdss-hero .wdss-btn:hover {\r\n  transform: translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(8, 104, 189, .18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   12. META\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-meta-row {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 8px;\r\n\r\n  margin-top: 18px;\r\n}\r\n\r\n.wdss-hero .wdss-meta {\r\n  display: inline-block;\r\n\r\n  padding: 7px 11px;\r\n\r\n  border: 1px solid #426984;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: #123f61 !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 11px !important;\r\n\r\n  font-weight: 800 !important;\r\n\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   13. CONTACT\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-contact {\r\n  margin: 17px 0 0 !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 14px !important;\r\n\r\n  font-weight: 900 !important;\r\n}\r\n\r\n.wdss-hero .wdss-contact a {\r\n  color: #75dff1 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   14. TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 980px) {\r\n\r\n  .wdss-hero {\r\n    --wdss-hero-top-fix: 36px;\r\n\r\n    min-height: auto;\r\n\r\n    padding:\r\n      calc(54px + var(--wdss-hero-top-fix))\r\n      0\r\n      54px;\r\n  }\r\n\r\n  .wdss-hero .wdss-wrap {\r\n    width: 80% !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-inner {\r\n    grid-template-columns:\r\n      minmax(0, 1fr);\r\n\r\n    min-height: auto;\r\n\r\n    gap: 24px;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-panel {\r\n    width: 100%;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-panel h1 {\r\n    font-size: 40px !important;\r\n  }\r\n\r\n  .wdss-hero::before {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #061f35 0%,\r\n        rgba(6, 31, 53, .96) 58%,\r\n        rgba(6, 31, 53, .65) 100%\r\n      );\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   15. MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 680px) {\r\n\r\n  .wdss-hero {\r\n    --wdss-hero-top-fix: 36px;\r\n\r\n    min-height: auto;\r\n\r\n    padding:\r\n      calc(34px + var(--wdss-hero-top-fix))\r\n      0\r\n      48px;\r\n  }\r\n\r\n  .wdss-hero .wdss-wrap {\r\n    width: 88% !important;\r\n\r\n    max-width: none !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-inner {\r\n    grid-template-columns:\r\n      minmax(0, 1fr);\r\n\r\n    min-height: auto;\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-panel {\r\n    width: 100%;\r\n\r\n    padding: 0;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-panel h1 {\r\n    font-size:\r\n      clamp(29px, 8vw, 36px) !important;\r\n\r\n    letter-spacing:\r\n      -.5px !important;\r\n\r\n    line-height:\r\n      1.12 !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-copy {\r\n    font-size:\r\n      15px !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-eyebrow {\r\n    font-size:\r\n      10px !important;\r\n\r\n    letter-spacing:\r\n      1px !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-point-grid {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n  .wdss-hero .wdss-btns {\r\n    display:\r\n      grid;\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n  .wdss-hero .wdss-btn {\r\n    width:\r\n      100%;\r\n\r\n    padding:\r\n      10px\r\n      15px;\r\n  }\r\n\r\n  .wdss-hero .wdss-meta-row {\r\n    gap:\r\n      6px;\r\n  }\r\n\r\n  .wdss-hero .wdss-meta {\r\n    font-size:\r\n      10px !important;\r\n  }\r\n\r\n  .wdss-hero::before {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(6, 31, 53, .98) 0%,\r\n        rgba(6, 31, 53, .95) 65%,\r\n        rgba(6, 31, 53, .78) 100%\r\n      );\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HERO HTML\r\n     ========================================================= -->\r\n\r\n<section class=\"wdss-hero\" id=\"wdss-top\">\r\n\r\n  <!-- Background Image -->\r\n  <img decoding=\"async\"\r\n    class=\"wdss-hero-bg\"\r\n    src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/09\/Loading-dock-safety-at-refrigerated-dispatch-bays.jpg\"\r\n    alt=\"Loading dock seals and shelters installed around industrial loading bay doors\"\r\n    fetchpriority=\"high\"\r\n  >\r\n\r\n\r\n  <!-- Content -->\r\n  <div class=\"wdss-wrap wdss-hero-inner\">\r\n\r\n    <div class=\"wdss-hero-panel\">\r\n\r\n\r\n      <!-- Eyebrow -->\r\n      <p class=\"wdss-eyebrow\">\r\n        Loading Dock Sealing Solutions\r\n      <\/p>\r\n\r\n\r\n      <!-- Main SEO H1 -->\r\n      <h1>\r\n        Loading Dock Seals and Shelters\r\n      <\/h1>\r\n\r\n\r\n      <!-- Hero Description -->\r\n      <p class=\"wdss-hero-copy\">\r\n        Reduce rain, wind, dust and uncontrolled air exchange around parked trucks.\r\n        Compare dock shelters and dock seals for different vehicle ranges,\r\n        sealing targets and loading environments.\r\n      <\/p>\r\n\r\n\r\n      <!-- Selection Title -->\r\n      <p class=\"wdss-selection-title\">\r\n        Designed Around the Loading Bay\r\n      <\/p>\r\n\r\n\r\n      <!-- Selection Cards -->\r\n      <div\r\n        class=\"wdss-point-grid\"\r\n        aria-label=\"Dock seal and shelter selection requirements\"\r\n      >\r\n\r\n\r\n        <div class=\"wdss-point\">\r\n\r\n          <span\r\n            class=\"wdss-point-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Truck Size Compatibility\r\n            <\/strong>\r\n\r\n            <span>\r\n              Match the dock shelter or seal to expected truck widths and heights.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wdss-point\">\r\n\r\n          <span\r\n            class=\"wdss-point-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Environmental Control\r\n            <\/strong>\r\n\r\n            <span>\r\n              Reduce weather exposure and uncontrolled air exchange at the dock.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wdss-point\">\r\n\r\n          <span\r\n            class=\"wdss-point-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Sealing Contact Method\r\n            <\/strong>\r\n\r\n            <span>\r\n              Choose flexible curtains, foam compression or inflatable sealing.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wdss-point\">\r\n\r\n          <span\r\n            class=\"wdss-point-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Project Fit\r\n            <\/strong>\r\n\r\n            <span>\r\n              Confirm the opening, bumpers, dock height and vehicle position.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CTA -->\r\n      <div class=\"wdss-btns\">\r\n\r\n        <a\r\n          class=\"wdss-btn wdss-btn-primary\"\r\n          href=\"#wdss-products\"\r\n        >\r\n          Compare Dock Sealing Types\r\n        <\/a>\r\n\r\n        <a class=\"wdss-btn wdss-btn-light\" href=\"https:\/\/workshopdoor.com\/contact-us\/\">\r\n          Get a Project Quote\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Product Meta -->\r\n      <div\r\n        class=\"wdss-meta-row\"\r\n        aria-label=\"Dock seal and shelter product summary\"\r\n      >\r\n\r\n        <span class=\"wdss-meta\">\r\n          3 Seal Types\r\n        <\/span>\r\n\r\n        <span class=\"wdss-meta\">\r\n          Mechanical \u00b7 Foam \u00b7 Inflatable\r\n        <\/span>\r\n\r\n        <span class=\"wdss-meta\">\r\n          Project-Based Selection\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- WhatsApp -->\r\n      <p class=\"wdss-contact\">\r\n\r\n        <a href=\"https:\/\/wa.me\/8618020216635\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          WhatsApp: +86 180 2021 6635\r\n        <\/a>\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2efbad4 e-flex e-con-boxed e-con e-parent\" data-id=\"2efbad4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9de9f07 elementor-widget elementor-widget-html\" data-id=\"9de9f07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- SEPPES Dock Seals and Shelters | Full Width Background + 80% Centered Content -->\r\n<style>\r\n.wdss-solutions,\r\n.wdss-solutions *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.wdss-solutions{\r\n  --wdss-blue:#0868bd;\r\n  --wdss-blue-dark:#082b49;\r\n  --wdss-ink:#0b2239;\r\n  --wdss-muted:#5f7285;\r\n  --wdss-soft:#f1f5f8;\r\n  --wdss-soft-blue:#eaf3fb;\r\n  --wdss-cyan:#6bd8ec;\r\n  --wdss-green:#178d70;\r\n  --wdss-line:#d9e3eb;\r\n\r\n  position:relative;\r\n  width:100vw!important;\r\n  max-width:none!important;\r\n  margin-left:calc(50% - 50vw)!important;\r\n  margin-right:0!important;\r\n  overflow:hidden;\r\n\r\n  color:var(--wdss-ink);\r\n  background:\r\n    radial-gradient(circle at 78% 20%,rgba(255,255,255,.96),transparent 34%),\r\n    linear-gradient(90deg,#fff 0%,#f8fcff 48%,#eaf5fc 100%);\r\n  font-family:Arial,Helvetica,sans-serif;\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n.wdss-solutions a{\r\n  text-decoration:none;\r\n}\r\n\r\n.wdss-solutions img{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n.wdss-solutions h2,\r\n.wdss-solutions h3,\r\n.wdss-solutions p{\r\n  margin-top:0;\r\n}\r\n\r\n.wdss-solutions .wdss-section{\r\n  width:100%;\r\n  padding:86px 0;\r\n}\r\n\r\n\/* All devices: 80% centered content *\/\r\n.wdss-solutions .wdss-wrap{\r\n  width:80%!important;\r\n  max-width:none!important;\r\n  min-width:0;\r\n  margin:0 auto!important;\r\n  padding:0!important;\r\n}\r\n\r\n.wdss-solutions .wdss-center{\r\n  text-align:center;\r\n}\r\n\r\n.wdss-solutions .wdss-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  margin:0 0 15px;\r\n  color:var(--wdss-blue)!important;\r\n  font-size:12px;\r\n  font-weight:900;\r\n  letter-spacing:1.55px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.wdss-solutions .wdss-eyebrow:before{\r\n  content:\"\";\r\n  width:26px;\r\n  height:3px;\r\n  border-radius:3px;\r\n  background:var(--wdss-cyan);\r\n}\r\n\r\n.wdss-solutions .wdss-heading{\r\n  max-width:940px;\r\n  margin:0 auto 16px;\r\n  color:var(--wdss-ink)!important;\r\n  font-size:clamp(30px,3.4vw,46px);\r\n  font-weight:900;\r\n  letter-spacing:-1px;\r\n  line-height:1.1;\r\n}\r\n\r\n.wdss-solutions .wdss-intro{\r\n  max-width:850px;\r\n  margin:0 auto;\r\n  color:var(--wdss-muted)!important;\r\n  font-size:18px;\r\n  line-height:1.72;\r\n}\r\n\r\n\/* Three product cards *\/\r\n.wdss-solutions .wdss-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:20px;\r\n  align-items:stretch;\r\n  margin-top:42px;\r\n}\r\n\r\n.wdss-solutions .wdss-card{\r\n  display:flex;\r\n  min-width:0;\r\n  overflow:hidden;\r\n  flex-direction:column;\r\n  border:1px solid var(--wdss-line);\r\n  border-radius:16px;\r\n  background:#fff;\r\n  box-shadow:0 14px 40px rgba(13,45,75,.08);\r\n  transition:transform .25s ease,box-shadow .25s ease;\r\n}\r\n\r\n.wdss-solutions .wdss-card:hover{\r\n  transform:translateY(-4px);\r\n  box-shadow:0 20px 48px rgba(13,45,75,.13);\r\n}\r\n\r\n.wdss-solutions .wdss-image{\r\n  height:245px;\r\n  overflow:hidden;\r\n  background:#dfe8ef;\r\n}\r\n\r\n.wdss-solutions .wdss-image img{\r\n  width:100%!important;\r\n  height:100%!important;\r\n  max-width:none!important;\r\n  object-fit:cover!important;\r\n  transition:transform .35s ease;\r\n}\r\n\r\n.wdss-solutions .wdss-card:hover .wdss-image img{\r\n  transform:scale(1.035);\r\n}\r\n\r\n.wdss-solutions .wdss-body{\r\n  display:flex;\r\n  flex:1;\r\n  flex-direction:column;\r\n  padding:25px 23px 24px;\r\n}\r\n\r\n.wdss-solutions .wdss-type{\r\n  color:var(--wdss-blue)!important;\r\n  font-size:10.5px;\r\n  font-weight:900;\r\n  letter-spacing:1.05px;\r\n  line-height:1.45;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.wdss-solutions .wdss-body h3{\r\n  margin:8px 0 10px;\r\n  color:var(--wdss-ink)!important;\r\n  font-size:24px;\r\n  font-weight:900;\r\n  line-height:1.16;\r\n}\r\n\r\n.wdss-solutions .wdss-summary{\r\n  margin-bottom:17px;\r\n  color:var(--wdss-muted)!important;\r\n  font-size:14px;\r\n  line-height:1.65;\r\n}\r\n\r\n.wdss-solutions .wdss-detail{\r\n  margin-bottom:10px;\r\n  padding:13px 14px;\r\n  border-radius:9px;\r\n  background:var(--wdss-soft);\r\n}\r\n\r\n.wdss-solutions .wdss-detail-label{\r\n  display:block;\r\n  margin-bottom:4px;\r\n  color:var(--wdss-blue)!important;\r\n  font-size:10px;\r\n  font-weight:900;\r\n  letter-spacing:.85px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.wdss-solutions .wdss-detail p{\r\n  margin:0;\r\n  color:#40586e!important;\r\n  font-size:12.5px;\r\n  line-height:1.55;\r\n}\r\n\r\n.wdss-solutions .wdss-card-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  width:max-content;\r\n  max-width:100%;\r\n  margin-top:auto;\r\n  padding-top:13px;\r\n  color:var(--wdss-blue)!important;\r\n  font-size:14px;\r\n  font-weight:900;\r\n}\r\n\r\n.wdss-solutions .wdss-card-link span{\r\n  transition:transform .2s ease;\r\n}\r\n\r\n.wdss-solutions .wdss-card-link:hover span{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\/* Contact bar *\/\r\n.wdss-solutions .wdss-contact{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  margin-top:24px;\r\n  padding:18px 20px;\r\n  border-radius:11px;\r\n  color:#fff;\r\n  background:var(--wdss-blue-dark);\r\n}\r\n\r\n.wdss-solutions .wdss-contact p{\r\n  margin:0;\r\n  color:#fff!important;\r\n  font-size:14px;\r\n  font-weight:800;\r\n}\r\n\r\n.wdss-solutions .wdss-whatsapp{\r\n  flex:0 0 auto;\r\n  color:#fff!important;\r\n  font-size:16px;\r\n  font-weight:900;\r\n}\r\n\r\n\/* Tablet: preserve 80% centered layout *\/\r\n@media(max-width:980px){\r\n  .wdss-solutions .wdss-wrap{\r\n    width:80%!important;\r\n  }\r\n\r\n  .wdss-solutions .wdss-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wdss-solutions .wdss-card{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);\r\n  }\r\n\r\n  .wdss-solutions .wdss-image{\r\n    height:100%;\r\n    min-height:360px;\r\n  }\r\n\r\n  .wdss-solutions .wdss-section{\r\n    padding:68px 0;\r\n  }\r\n}\r\n\r\n\/* Mobile: 80% centered, single-column cards *\/\r\n@media(max-width:680px){\r\n  .wdss-solutions .wdss-wrap{\r\n    width:80%!important;\r\n    max-width:none!important;\r\n    margin:0 auto!important;\r\n  }\r\n\r\n  .wdss-solutions .wdss-section{\r\n    padding:56px 0;\r\n  }\r\n\r\n  .wdss-solutions .wdss-heading{\r\n    font-size:clamp(27px,7vw,34px);\r\n    letter-spacing:-.6px;\r\n  }\r\n\r\n  .wdss-solutions .wdss-intro{\r\n    font-size:16px;\r\n  }\r\n\r\n  .wdss-solutions .wdss-card{\r\n    display:flex;\r\n    flex-direction:column;\r\n  }\r\n\r\n  .wdss-solutions .wdss-image{\r\n    height:225px;\r\n    min-height:0;\r\n  }\r\n\r\n  .wdss-solutions .wdss-body{\r\n    padding:23px 20px;\r\n  }\r\n\r\n  .wdss-solutions .wdss-contact{\r\n    align-items:flex-start;\r\n    flex-direction:column;\r\n  }\r\n\r\n  .wdss-solutions .wdss-whatsapp{\r\n    font-size:15px;\r\n    overflow-wrap:anywhere;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"wdss-solutions\" id=\"wdss-products\">\r\n  <div class=\"wdss-section\">\r\n    <div class=\"wdss-wrap\">\r\n\r\n      <div class=\"wdss-center\">\r\n        <p class=\"wdss-eyebrow\">\r\n          Dock Seals and Shelters Collection\r\n        <\/p>\r\n\r\n        <h2 class=\"wdss-heading\">\r\n          Compare Loading Dock Seals and Shelters for Different Loading Bay Needs\r\n        <\/h2>\r\n\r\n        <p class=\"wdss-intro\">\r\n          Mechanical dock shelters, foam dock seals and inflatable dock shelters\r\n          all help reduce rain, wind, dust and outside-air exchange around a\r\n          parked truck. The main difference is how each system contacts the\r\n          vehicle, the truck-size range it can accommodate and the level of\r\n          sealing control required.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"wdss-grid\">\r\n\r\n        <!-- Mechanical Dock Shelter -->\r\n        <article class=\"wdss-card\">\r\n          <div class=\"wdss-image\">\r\n            <img\r\n              src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670819\u65e5-09_18_14-1024x814.png\"\r\n              alt=\"Mechanical dock shelter with flexible curtains at an industrial loading bay\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"wdss-body\">\r\n            <span class=\"wdss-type\">\r\n              Flexible Curtains \u00b7 Broad Vehicle Compatibility\r\n            <\/span>\r\n\r\n            <h3>Mechanical Dock Shelters<\/h3>\r\n\r\n            <p class=\"wdss-summary\">\r\n              Flexible head and side curtains surround the rear of the truck\r\n              while keeping the trailer opening relatively accessible.\r\n              This is a practical, unpowered solution for warehouses and\r\n              logistics bays serving a varied vehicle fleet.\r\n            <\/p>\r\n\r\n            <div class=\"wdss-detail\">\r\n              <span class=\"wdss-detail-label\">\r\n                Problem It Solves\r\n              <\/span>\r\n              <p>\r\n                Helps limit rain, wind and dust entering through the\r\n                open loading bay during routine truck loading.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"wdss-detail\">\r\n              <span class=\"wdss-detail-label\">\r\n                Key Difference\r\n              <\/span>\r\n              <p>\r\n                Offers more vehicle-size tolerance than compression foam pads,\r\n                but normally provides less close sealing than an inflatable system.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <a class=\"wdss-card-link\" href=\"https:\/\/workshopdoor.com\/products\/loading-dock-equipment\/mechanical-dock-shelter\/\">\r\n              View Mechanical Dock Shelter <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Foam Dock Seal -->\r\n        <article class=\"wdss-card\">\r\n          <div class=\"wdss-image\">\r\n            <img\r\n              src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670819\u65e5-09_19_27-1024x819.png\"\r\n              alt=\"Foam dock seal with compression pads around a truck loading bay opening\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"wdss-body\">\r\n            <span class=\"wdss-type\">\r\n              Compression Foam \u00b7 Consistent Truck Sizes\r\n            <\/span>\r\n\r\n            <h3>Foam Dock Seals<\/h3>\r\n\r\n            <p class=\"wdss-summary\">\r\n              Foam-filled side pads and a head pad compress directly against\r\n              the truck body. These foam dock seals are also used as dock door\r\n              seals for loading bays serving a relatively consistent vehicle\r\n              range and requiring straightforward sealing without powered inflation.\r\n            <\/p>\r\n\r\n            <div class=\"wdss-detail\">\r\n              <span class=\"wdss-detail-label\">\r\n                Problem It Solves\r\n              <\/span>\r\n              <p>\r\n                Closes the side and top gaps to help reduce weather exposure,\r\n                drafts and temperature exchange at regular truck bays.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"wdss-detail\">\r\n              <span class=\"wdss-detail-label\">\r\n                Key Difference\r\n              <\/span>\r\n              <p>\r\n                Creates direct compression around the vehicle, but requires\r\n                a closer match to truck dimensions and can reduce some\r\n                trailer-opening clearance.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <a class=\"wdss-card-link\" href=\"https:\/\/workshopdoor.com\/sponge-dock-shelter\/\">\r\n              View Foam Dock Seal <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Inflatable Dock Shelter -->\r\n        <article class=\"wdss-card\">\r\n          <div class=\"wdss-image\">\r\n            <img\r\n              src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670819\u65e5-09_24_20-1024x819.png\"\r\n              alt=\"Inflatable dock shelter sealing a refrigerated truck loading bay\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"wdss-body\">\r\n            <span class=\"wdss-type\">\r\n              Inflatable Airbags \u00b7 Higher Sealing Control\r\n            <\/span>\r\n\r\n            <h3>Inflatable Dock Shelters<\/h3>\r\n\r\n            <p class=\"wdss-summary\">\r\n              Powered side and top airbags inflate after the truck is positioned,\r\n              creating a closer seal around the vehicle. This option is suited\r\n              to cold-chain, food, pharmaceutical and controlled loading areas\r\n              with higher environmental-separation requirements.\r\n            <\/p>\r\n\r\n            <div class=\"wdss-detail\">\r\n              <span class=\"wdss-detail-label\">\r\n                Problem It Solves\r\n              <\/span>\r\n              <p>\r\n                Helps reduce outside-air exchange, temperature loss, rain,\r\n                dust and insects around temperature-sensitive or cleaner loading zones.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"wdss-detail\">\r\n              <span class=\"wdss-detail-label\">\r\n                Key Difference\r\n              <\/span>\r\n              <p>\r\n                Provides more adaptable sealing control than mechanical curtains\r\n                or fixed foam pads, but requires powered inflation and an\r\n                operating sequence.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <a class=\"wdss-card-link\" href=\"https:\/\/workshopdoor.com\/products\/loading-dock-equipment\/inflatable-dock-shelter\/\">\r\n              View Inflatable Dock Shelter <span>\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n  <\/div>\r\n<\/section>\r\n<!-- End Dock Seals and Shelters Product Collection -->\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16fc3ba e-flex e-con-boxed e-con e-parent\" data-id=\"16fc3ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee61095 elementor-widget elementor-widget-html\" data-id=\"ee61095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Elementor HTML Widget \u00b7 Case Section Only\r\n  SEO Title: Dock Shelters & Dock Seals for Loading Bays | SEPPES\r\n  Suggested URL: \/dock-seals-and-shelters\/\r\n-->\r\n<style>\r\n  .wdss-case{\r\n    --wdss-navy:#082f52;\r\n    --wdss-blue:#0b67b2;\r\n    --wdss-text:#315f87;\r\n    --wdss-muted:#6787a3;\r\n    --wdss-line:#cbdde9;\r\n    box-sizing:border-box;\r\n    position:relative;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-right:calc(50% - 50vw);\r\n    margin-left:calc(50% - 50vw);\r\n    overflow-x:clip;\r\n    padding:72px 0;\r\n    background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.96),transparent 34%),linear-gradient(90deg,#fff 0%,#f8fcff 48%,#eaf5fc 100%);\r\n    color:var(--wdss-navy);\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    line-height:1.65;\r\n  }\r\n  .wdss-case *{box-sizing:border-box}\r\n  .wdss-case img,.wdss-case video,.wdss-case iframe{display:block;max-width:100%}\r\n  .wdss-case h1,.wdss-case h2,.wdss-case p,.wdss-case figure{margin-top:0}\r\n  .wdss-case button{font:inherit}\r\n  .wdss-case .wdss-wrap{width:80vw;max-width:none;margin:0 auto}\r\n  .wdss-case .wdss-label{display:inline-flex;align-items:center;gap:9px;margin:0 0 13px;color:var(--wdss-blue);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}\r\n  .wdss-case .wdss-label:before{content:\"\";width:25px;height:3px;border-radius:3px;background:var(--wdss-blue)}\r\n  .wdss-case .wdss-heading{max-width:980px;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-1.3px}\r\n  .wdss-case .wdss-lead{max-width:960px;margin:17px 0 0;color:var(--wdss-text);font-size:17px}\r\n\r\n  .wdss-case .wdss-main-grid{display:grid;grid-template-columns:minmax(0,55fr) minmax(340px,45fr);align-items:stretch;gap:22px;margin-top:34px}\r\n  .wdss-case .wdss-left,.wdss-case .wdss-project-card{min-width:0;border:1px solid var(--wdss-line);border-radius:15px;background:rgba(255,255,255,.74);box-shadow:0 14px 38px rgba(8,47,82,.07)}\r\n  .wdss-case .wdss-left{padding:18px}\r\n  .wdss-case .wdss-right{display:flex;min-width:0;flex-direction:column}\r\n  .wdss-case .wdss-video-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;color:var(--wdss-muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}\r\n  .wdss-case .wdss-video-frame{overflow:hidden;width:100%;aspect-ratio:16\/9;border:1px solid var(--wdss-line);border-radius:11px;background:rgba(255,255,255,.9)}\r\n  .wdss-case .wdss-video-frame iframe,.wdss-case .wdss-video-frame video{width:100%;height:100%;border:0;object-fit:contain;background:rgba(255,255,255,.9)}\r\n\r\n  .wdss-case .wdss-carousel{position:relative;margin-top:18px}\r\n  .wdss-case .wdss-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}\r\n  .wdss-case .wdss-carousel-head strong{color:var(--wdss-navy);font-size:13px}\r\n  .wdss-case .wdss-count{color:var(--wdss-muted);font-size:11px;font-weight:800}\r\n  .wdss-case .wdss-strip-shell{position:relative;padding:0 46px}\r\n  .wdss-case .wdss-arrow{position:absolute;z-index:2;top:50%;display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid var(--wdss-line);border-radius:50%;color:var(--wdss-navy);background:rgba(255,255,255,.96);box-shadow:0 7px 18px rgba(8,47,82,.12);font-size:23px;line-height:1;cursor:pointer;transform:translateY(-50%)}\r\n  .wdss-case .wdss-arrow:hover{border-color:var(--wdss-blue);color:var(--wdss-blue)}\r\n  .wdss-case .wdss-prev{left:0}.wdss-case .wdss-next{right:0}\r\n  .wdss-case .wdss-images{display:flex;gap:10px;overflow-x:auto;width:100%;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}\r\n  .wdss-case .wdss-images::-webkit-scrollbar{display:none}\r\n  .wdss-case .wdss-image{position:relative;overflow:hidden;flex:0 0 calc((100% - 20px)\/3);aspect-ratio:4\/3;margin:0;border:2px solid transparent;border-radius:8px;background:#fff;scroll-snap-align:start}\r\n  .wdss-case .wdss-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}\r\n  .wdss-case .wdss-image span{position:absolute;right:5px;bottom:5px;display:grid;width:23px;height:23px;place-items:center;border-radius:50%;color:#fff;background:rgba(8,47,82,.82);font-size:9px;font-weight:900}\r\n  .wdss-case .wdss-image:hover img{transform:scale(1.025)}\r\n\r\n  .wdss-case .wdss-project-card{flex:1;padding:38px}\r\n  .wdss-case .wdss-project-card h2{margin:0;font-size:clamp(28px,2.7vw,42px);line-height:1.1;letter-spacing:-.8px}\r\n  .wdss-case .wdss-project-card>p:not(.wdss-label){margin:15px 0 0;color:var(--wdss-text);font-size:14px}\r\n  .wdss-case .wdss-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}\r\n  .wdss-case .wdss-spec{padding:15px;border:1px solid var(--wdss-line);border-radius:8px;background:rgba(255,255,255,.78)}\r\n  .wdss-case .wdss-spec small{display:block;color:var(--wdss-muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}\r\n  .wdss-case .wdss-spec strong{display:block;margin-top:4px;color:var(--wdss-navy);font-size:17px;line-height:1.35}\r\n  .wdss-case .wdss-reference{margin-top:15px;padding:12px 14px;border:1px solid var(--wdss-line);border-left:3px solid var(--wdss-blue);border-radius:5px;color:var(--wdss-text);background:rgba(255,255,255,.58);font-size:11px}\r\n  .wdss-case .wdss-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:18px;padding:17px 21px;border:1px solid var(--wdss-blue);border-radius:10px;color:#fff;background:var(--wdss-blue);box-shadow:0 12px 28px rgba(11,103,178,.18);font-size:14px;font-weight:900;line-height:1.3;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}\r\n  .wdss-case .wdss-cta span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50%;font-size:18px}\r\n  .wdss-case .wdss-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 32px rgba(11,103,178,.24)}\r\n  .wdss-case .wdss-cta:focus-visible{outline:3px solid rgba(11,103,178,.28);outline-offset:3px}\r\n  .wdss-case .wdss-contact{margin:28px 0 0;padding-top:16px;border-top:1px solid var(--wdss-line);color:var(--wdss-navy);text-align:right;font-size:12px;font-weight:900}\r\n\r\n  @media(max-width:1050px){\r\n    .wdss-case .wdss-main-grid{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)}\r\n    .wdss-case .wdss-project-card{padding:28px}\r\n  }\r\n  @media(max-width:820px){\r\n    .wdss-case{padding:54px 0}\r\n    .wdss-case .wdss-main-grid{grid-template-columns:1fr}\r\n  }\r\n  @media(max-width:560px){\r\n    .wdss-case{padding:44px 0}\r\n    .wdss-case .wdss-heading{font-size:32px}\r\n    .wdss-case .wdss-lead{font-size:15px}\r\n    .wdss-case .wdss-left,.wdss-case .wdss-project-card{border-radius:11px}\r\n    .wdss-case .wdss-left{padding:11px}\r\n    .wdss-case .wdss-project-card{padding:22px}\r\n    .wdss-case .wdss-specs{grid-template-columns:1fr}\r\n    .wdss-case .wdss-strip-shell{padding:0 39px}\r\n    .wdss-case .wdss-images{gap:8px}\r\n    .wdss-case .wdss-image{flex-basis:calc((100% - 8px)\/2);border-radius:6px}\r\n    .wdss-case .wdss-arrow{width:34px;height:34px;font-size:21px}\r\n    .wdss-case .wdss-image span{right:3px;bottom:3px;width:18px;height:18px;font-size:8px}\r\n    .wdss-case .wdss-contact{text-align:left}\r\n  }\r\n  @media(prefers-reduced-motion:reduce){.wdss-case .wdss-images{scroll-behavior:auto}}\r\n<\/style>\r\n\r\n<section class=\"wdss-case\" id=\"loading-dock-seals-and-shelters-case\">\r\n  <div class=\"wdss-wrap\">\r\n    <p class=\"wdss-label\">Cold Storage Installation Case<\/p>\r\n    <h1 class=\"wdss-heading\">Loading Dock Seals and Shelters<\/h1>\r\n    <p class=\"wdss-lead\">This cold storage warehouse project uses an inflatable dock shelter to close the truck-to-building gap and support controlled loading operations. It demonstrates how loading dock seals and shelters can be matched to a 3400 \u00d7 3400 mm loading-bay opening.<\/p>\r\n\r\n    <div class=\"wdss-main-grid\">\r\n      <div class=\"wdss-left\">\r\n        <div class=\"wdss-video-label\"><span>Project Video<\/span><span>01<\/span><\/div>\r\n        <!-- To use an MP4 file, paste its URL into data-mp4-src. Leave it empty to use the supplied YouTube video. -->\r\n        <div class=\"wdss-video-frame\" data-wdss-video=\"\" data-mp4-src=\"\">\r\n          <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/xngaP44GaC4?rel=0&amp;modestbranding=1\" title=\"Inflatable dock shelter for a cold storage warehouse project video\" loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\r\n        <\/div>\r\n\r\n        <div class=\"wdss-carousel\" data-wdss-carousel=\"\">\r\n          <div class=\"wdss-carousel-head\"><strong>Inflatable Dock Shelter Project Images<\/strong><span class=\"wdss-count\" aria-live=\"polite\">1\u20133 \/ 5<\/span><\/div>\r\n          <div class=\"wdss-strip-shell\">\r\n            <button class=\"wdss-arrow wdss-prev\" type=\"button\" aria-label=\"Previous project images\">\u2039<\/button>\r\n            <div class=\"wdss-images\" aria-label=\"Scrollable inflatable dock shelter project images\">\r\n              <figure class=\"wdss-image\" data-wdss-item=\"0\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/01-inflatable-dock-shelter-hero-banner.jpg\" alt=\"Inflatable dock shelter installed at a cold storage loading bay\" loading=\"lazy\" decoding=\"async\"><span>01<\/span><\/figure>\r\n              <figure class=\"wdss-image\" data-wdss-item=\"1\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/02-inflatable-dock-shelter-airbag-detail.jpg\" alt=\"Inflatable dock shelter airbag sealing detail\" loading=\"lazy\" decoding=\"async\"><span>02<\/span><\/figure>\r\n              <figure class=\"wdss-image\" data-wdss-item=\"2\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/03-cold-chain-inflatable-dock-shelter.jpg\" alt=\"Cold-chain loading dock with an inflatable dock shelter\" loading=\"lazy\" decoding=\"async\"><span>03<\/span><\/figure>\r\n              <figure class=\"wdss-image\" data-wdss-item=\"3\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/04-food-pharmaceutical-inflatable-dock-shelter.jpg\" alt=\"Inflatable dock shelter for food and pharmaceutical warehouse loading\" loading=\"lazy\" decoding=\"async\"><span>04<\/span><\/figure>\r\n              <figure class=\"wdss-image\" data-wdss-item=\"4\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/05-logistics-inflatable-dock-shelter-loading-bays.jpg\" alt=\"Inflatable dock shelters across logistics loading bays\" loading=\"lazy\" decoding=\"async\"><span>05<\/span><\/figure>\r\n            <\/div>\r\n            <button class=\"wdss-arrow wdss-next\" type=\"button\" aria-label=\"Next project images\">\u203a<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wdss-right\">\r\n        <article class=\"wdss-project-card\">\r\n          <p class=\"wdss-label\">Cold Storage Project<\/p>\r\n          <h2>Inflatable Dock Shelters for a Cold Storage Warehouse<\/h2>\r\n          <p>Inflatable side and top airbags seal around the parked refrigerated vehicle, helping reduce uncontrolled air exchange, rain, dust and wind exposure during loading. The 3400 \u00d7 3400 mm configuration was coordinated for this warehouse loading bay.<\/p>\r\n          <div class=\"wdss-specs\">\r\n            <div class=\"wdss-spec\"><small>Product<\/small><strong>Inflatable Dock Shelter<\/strong><\/div>\r\n            <div class=\"wdss-spec\"><small>Project Size<\/small><strong>3400 \u00d7 3400 mm<\/strong><\/div>\r\n            <div class=\"wdss-spec\"><small>Application<\/small><strong>Cold Storage Warehouse<\/strong><\/div>\r\n            <div class=\"wdss-spec\"><small>Seal Method<\/small><strong>Side &amp; Top Airbags<\/strong><\/div>\r\n          <\/div>\r\n          <div class=\"wdss-reference\"><strong>Project reference only:<\/strong> final dimensions should be confirmed against the doorway, truck range, platform height, bumper projection and required sealing level.<\/div>\r\n        <\/article>\r\n        <a class=\"wdss-cta\" href=\"https:\/\/workshopdoor.com\/products\/loading-dock-equipment\/inflatable-dock-shelter\/\" aria-label=\"Get the same inflatable dock shelter solution\">\r\n          Get the Same Inflatable Dock Shelter\r\n          <span aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"wdss-contact\">WhatsApp: +86 180 2021 6635<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (()=>{\r\n    document.querySelectorAll('[data-wdss-video]').forEach(frame=>{\r\n      const mp4=(frame.dataset.mp4Src||'').trim();\r\n      if(!mp4)return;\r\n      const video=document.createElement('video');\r\n      video.controls=true;video.playsInline=true;video.preload='metadata';\r\n      const source=document.createElement('source');source.src=mp4;source.type='video\/mp4';\r\n      video.appendChild(source);frame.replaceChildren(video);\r\n    });\r\n\r\n    document.querySelectorAll('[data-wdss-carousel]').forEach(carousel=>{\r\n      const strip=carousel.querySelector('.wdss-images');\r\n      const items=[...carousel.querySelectorAll('[data-wdss-item]')];\r\n      const count=carousel.querySelector('.wdss-count');\r\n      let index=0,scrollFrame=0;\r\n      function visibleCount(){if(!items.length)return 0;return Math.max(1,Math.round((strip.clientWidth+10)\/(items[0].offsetWidth+10)))}\r\n      function maxIndex(){return Math.max(0,items.length-visibleCount())}\r\n      function updateCount(){const visible=visibleCount();count.textContent=(index+1)+'\u2013'+Math.min(items.length,index+visible)+' \/ '+items.length}\r\n      function show(next){const max=maxIndex();index=next<0?max:next>max?0:next;strip.scrollTo({left:items[index].offsetLeft-items[0].offsetLeft,behavior:'smooth'});updateCount()}\r\n      carousel.querySelector('.wdss-prev').addEventListener('click',()=>show(index-1));\r\n      carousel.querySelector('.wdss-next').addEventListener('click',()=>show(index+1));\r\n      strip.addEventListener('scroll',()=>{cancelAnimationFrame(scrollFrame);scrollFrame=requestAnimationFrame(()=>{const left=strip.scrollLeft;let nearest=0,distance=Infinity;items.forEach((item,i)=>{const d=Math.abs((item.offsetLeft-items[0].offsetLeft)-left);if(d<distance){distance=d;nearest=i}});index=Math.min(nearest,maxIndex());updateCount()})},{passive:true});\r\n      window.addEventListener('resize',()=>{index=Math.min(index,maxIndex());updateCount()},{passive:true});\r\n      updateCount();\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7a0912 e-flex e-con-boxed e-con e-parent\" data-id=\"d7a0912\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d69926 elementor-widget elementor-widget-html\" data-id=\"0d69926\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Dock Seals and Shelters \u00b7 Industry Applications \u00b7 Elementor HTML Widget\r\n  Page H1 (Hero only): Loading Dock Seals and Shelters\r\n  Focus keyword: dock shelters\r\n  Supporting keywords: dock seals; loading dock seals and shelters\r\n  Layout: 100vw background + 80% centered content on desktop, tablet and mobile\r\n-->\r\n<style>\r\n.wdsi-app,.wdsi-app *{box-sizing:border-box}.wdsi-app{--wdsi-blue:#0868bd;--wdsi-blue-dark:#082b49;--wdsi-ink:#0b2239;--wdsi-muted:#5f7285;--wdsi-cyan:#6bd8ec;--wdsi-line:#d9e3eb;position:relative;left:50%;width:100vw;max-width:100vw;margin-left:-50vw;overflow:hidden;color:var(--wdsi-ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}.wdsi-app a{text-decoration:none}.wdsi-app img{display:block;max-width:100%}.wdsi-app h2,.wdsi-app h3,.wdsi-app p{margin-top:0}.wdsi-app .wdsi-section{padding:86px 0}.wdsi-app .wdsi-wrap{width:80%;max-width:none;margin-right:auto;margin-left:auto}.wdsi-app .wdsi-center{text-align:center}.wdsi-app .wdsi-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 15px;color:var(--wdsi-blue);font-size:12px;font-weight:900;letter-spacing:1.55px;line-height:1.35;text-transform:uppercase}.wdsi-app .wdsi-eyebrow:before{content:\"\";flex:0 0 26px;width:26px;height:3px;border-radius:3px;background:var(--wdsi-cyan)}.wdsi-app .wdsi-heading{max-width:900px;margin:0 auto 16px;color:var(--wdsi-ink);font-size:clamp(30px,3.4vw,46px);font-weight:900;letter-spacing:-1px;line-height:1.1}.wdsi-app .wdsi-intro{max-width:850px;margin:0 auto;color:var(--wdsi-muted);font-size:18px;line-height:1.72}.wdsi-app .wdsi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:38px}.wdsi-app .wdsi-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--wdsi-line);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(12,42,69,.055);transition:transform .2s ease,box-shadow .2s ease}.wdsi-app .wdsi-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(12,42,69,.1)}.wdsi-app .wdsi-image{position:relative;height:178px;overflow:hidden;background:#dce6ed}.wdsi-app .wdsi-image:after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,26,46,.52));pointer-events:none}.wdsi-app .wdsi-image img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;transition:transform .35s ease}.wdsi-app .wdsi-card:hover .wdsi-image img{transform:scale(1.035)}.wdsi-app .wdsi-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:22px}.wdsi-app .wdsi-body h3{margin:0 0 7px;color:var(--wdsi-ink);font-size:20px;font-weight:900;line-height:1.3;overflow-wrap:anywhere}.wdsi-app .wdsi-body p{min-height:68px;margin:0 0 17px;color:var(--wdsi-muted);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.wdsi-app .wdsi-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-top:auto;padding-top:14px;border-top:1px solid var(--wdsi-line);color:var(--wdsi-blue)!important;font-size:13px;font-weight:900;line-height:1.45}.wdsi-app .wdsi-arrow{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:50%;color:#fff;background:var(--wdsi-blue);transition:transform .2s ease}.wdsi-app .wdsi-link:hover .wdsi-arrow{transform:translateX(3px)}.wdsi-app .wdsi-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:20px 22px;border-radius:12px;color:#fff;background:var(--wdsi-blue-dark)}.wdsi-app .wdsi-cta-copy strong{display:block;color:#fff;font-size:15px}.wdsi-app .wdsi-cta-copy span{display:block;margin-top:3px;color:rgba(255,255,255,.76);font-size:12px}.wdsi-app .wdsi-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:10px}.wdsi-app .wdsi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:2px solid #fff;border-radius:7px;color:var(--wdsi-blue-dark)!important;background:#fff;font-size:13px;font-weight:900;line-height:1.3;text-align:center}.wdsi-app .wdsi-btn-outline{color:#fff!important;background:transparent}.wdsi-app a:focus-visible{outline:3px solid rgba(107,216,236,.8);outline-offset:3px}@supports(width:100dvw){.wdsi-app{width:100dvw;max-width:100dvw;margin-left:-50dvw}}@media(max-width:980px){.wdsi-app .wdsi-section{padding:68px 0}.wdsi-app .wdsi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wdsi-app .wdsi-cta{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.wdsi-app .wdsi-section{padding:54px 0}.wdsi-app .wdsi-wrap{width:80%}.wdsi-app .wdsi-heading{font-size:32px;letter-spacing:-.65px}.wdsi-app .wdsi-intro{font-size:16px}.wdsi-app .wdsi-grid{grid-template-columns:minmax(0,1fr)}.wdsi-app .wdsi-body p{min-height:0}.wdsi-app .wdsi-actions,.wdsi-app .wdsi-btn{width:100%}}@media(prefers-reduced-motion:reduce){.wdsi-app *,.wdsi-app *:before,.wdsi-app *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}\r\n<\/style>\r\n<section class=\"wdsi-app\" id=\"dock-shelter-industry-applications\"><div class=\"wdsi-section\"><div class=\"wdsi-wrap\">\r\n  <header class=\"wdsi-center\"><p class=\"wdsi-eyebrow\">Industry Applications<\/p><h2 class=\"wdsi-heading\">Where Dock Shelters and Dock Seals Protect Loading Bays<\/h2><p class=\"wdsi-intro\">Loading dock seals and shelters help reduce rain, wind, dust and outside-air exchange around parked vehicles. Match mechanical dock shelters, foam dock seals or inflatable dock shelters to the vehicle range, loading frequency and environmental requirements of each facility.<\/p><\/header>\r\n  <div class=\"wdsi-grid\">\r\n    <article class=\"wdsi-card\"><div class=\"wdsi-image\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/05-logistics-inflatable-dock-shelter-loading-bays.jpg\" alt=\"Dock shelters for logistics and distribution center loading bays\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"wdsi-body\"><h3>Logistics &amp; Distribution<\/h3><p>Support frequent truck arrivals while helping reduce weather exposure around active loading dock openings.<\/p><a class=\"wdsi-link\" href=\"https:\/\/workshopdoor.com\/applications\/logistics-industry\/\">View Logistics Solution <span class=\"wdsi-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/article>\r\n    <article class=\"wdsi-card\"><div class=\"wdsi-image\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/02-mechanical-dock-shelters-loading-bay.jpg\" alt=\"Mechanical dock shelters and foam dock seals for factory warehouses\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"wdsi-body\"><h3>Factory Warehouses<\/h3><p>Use mechanical shelters or foam dock seals for routine receiving, storage and finished-goods dispatch.<\/p><a class=\"wdsi-link\" href=\"https:\/\/workshopdoor.com\/applications\/factory-warehouse\/\">View Warehouse Solution <span class=\"wdsi-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/article>\r\n    <article class=\"wdsi-card\"><div class=\"wdsi-image\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/03-cold-chain-inflatable-dock-shelter.jpg\" alt=\"Inflatable dock shelters for cold storage and refrigerated loading bays\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"wdsi-body\"><h3>Cold Storage &amp; Frozen Food<\/h3><p>Use closer vehicle sealing to help limit outside-air exchange around refrigerated and temperature-sensitive loading positions.<\/p><a class=\"wdsi-link\" href=\"https:\/\/workshopdoor.com\/cold-storage-doors-loading-dock-equipment\/\">View Cold Storage Solution <span class=\"wdsi-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/article>\r\n    <article class=\"wdsi-card\"><div class=\"wdsi-image\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/03-mechanical-dock-shelter-close-up.jpg\" alt=\"Dock seals and shelters for manufacturing plant loading bays\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"wdsi-body\"><h3>Manufacturing Plants<\/h3><p>Protect raw-material receiving and finished-product shipping from rain, wind and dust during truck transfer.<\/p><a class=\"wdsi-link\" href=\"https:\/\/workshopdoor.com\/industries\/manufacturing-plants\/\">View Manufacturing Solution <span class=\"wdsi-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/article>\r\n    <article class=\"wdsi-card\"><div class=\"wdsi-image\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/04-food-pharmaceutical-inflatable-dock-shelter.jpg\" alt=\"Inflatable dock shelters for food and pharmaceutical warehouse loading areas\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"wdsi-body\"><h3>Food &amp; Pharmaceutical<\/h3><p>Create a more controlled truck-to-building transition where cleanliness, insects and outside-air exchange matter.<\/p><a class=\"wdsi-link\" href=\"https:\/\/workshopdoor.com\/industries\/pharmaceutical-factory\/\">View Pharmaceutical Solution <span class=\"wdsi-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/article>\r\n    <article class=\"wdsi-card\"><div class=\"wdsi-image\"><img src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2024\/05\/dock-shelter-02.jpg\" alt=\"Loading dock seals and shelters for e-commerce fulfillment centers\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"wdsi-body\"><h3>E-commerce Fulfillment<\/h3><p>Protect high-volume inbound and outbound dock positions used throughout daily receiving and dispatch operations.<\/p><a class=\"wdsi-link\" href=\"https:\/\/workshopdoor.com\/industries\/ecommerce-fulfillment-center-dock-equipment\/\">View Fulfillment Solution <span class=\"wdsi-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/article>\r\n<\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3e054b e-flex e-con-boxed e-con e-parent\" data-id=\"e3e054b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea602aa elementor-widget elementor-widget-html\" data-id=\"ea602aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SEPPES Dock Seals and Shelters | Full Width Hero + 80% Centered Content -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   00. REMOVE ELEMENTOR OUTER SPACING\r\n   ========================================================= *\/\r\n\r\n\/* Hero itself *\/\r\n.wdss-hero{\r\n  margin-top:0 !important;\r\n}\r\n\r\n\/* Remove spacing from Elementor HTML widget *\/\r\n.elementor-widget-html:has(.wdss-hero),\r\n.elementor-widget-html:has(.wdss-hero) > .elementor-widget-container{\r\n  margin-top:0 !important;\r\n  padding-top:0 !important;\r\n}\r\n\r\n\/* Remove padding \/ margin \/ gap from direct Elementor parent *\/\r\n.e-con:has(.wdss-hero){\r\n  margin-top:0 !important;\r\n  padding-top:0 !important;\r\n}\r\n\r\n\/* First Elementor container on page *\/\r\n.elementor > .elementor-element:first-child,\r\n.elementor > .e-con:first-child{\r\n  margin-top:0 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   01. BASE STYLES\r\n   ========================================================= *\/\r\n\r\n.wdss-hero,\r\n.wdss-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.wdss-hero{\r\n\r\n  --wdss-blue:#0868bd;\r\n  --wdss-blue-dark:#064f91;\r\n  --wdss-navy:#061f35;\r\n  --wdss-ink:#082b49;\r\n  --wdss-muted:#506b82;\r\n  --wdss-cyan:#62d4ea;\r\n  --wdss-green:#15977d;\r\n  --wdss-line:#d5e3ed;\r\n\r\n  position:relative;\r\n  isolation:isolate;\r\n\r\n  \/*\r\n   * Full browser width\r\n   * even when Elementor parent has a boxed width.\r\n   *\/\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n\r\n  margin-top:0 !important;\r\n  margin-right:0 !important;\r\n  margin-bottom:0 !important;\r\n  margin-left:calc(50% - 50vw) !important;\r\n\r\n  padding:70px 0;\r\n\r\n  min-height:760px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#061f35;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n.wdss-hero img{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n.wdss-hero a{\r\n  text-decoration:none;\r\n}\r\n\r\n.wdss-hero h1,\r\n.wdss-hero p{\r\n  margin-top:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   02. BACKGROUND IMAGE\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-hero-bg{\r\n\r\n  position:absolute !important;\r\n\r\n  z-index:-3 !important;\r\n\r\n  top:0 !important;\r\n  right:0 !important;\r\n  bottom:0 !important;\r\n  left:0 !important;\r\n\r\n  width:100% !important;\r\n  height:100% !important;\r\n\r\n  max-width:none !important;\r\n\r\n  object-fit:cover !important;\r\n\r\n  object-position:center 54% !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   03. DARK GRADIENT OVERLAY\r\n   ========================================================= *\/\r\n\r\n.wdss-hero::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  z-index:-2;\r\n\r\n  inset:0;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #061f35 0%,\r\n    rgba(6,31,53,.98) 24%,\r\n    rgba(6,31,53,.87) 43%,\r\n    rgba(6,31,53,.46) 64%,\r\n    rgba(6,31,53,.08) 100%\r\n  );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.wdss-hero::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  z-index:-1;\r\n\r\n  inset:0;\r\n\r\n  background:linear-gradient(\r\n    180deg,\r\n    rgba(0,0,0,.03) 0%,\r\n    transparent 70%,\r\n    rgba(6,31,53,.15) 100%\r\n  );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   04. 80% CENTERED CONTENT\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-wrap{\r\n\r\n  width:80% !important;\r\n\r\n  max-width:none !important;\r\n\r\n  min-width:0;\r\n\r\n  margin-left:auto !important;\r\n  margin-right:auto !important;\r\n\r\n  padding:0 !important;\r\n}\r\n\r\n.wdss-hero .wdss-hero-inner{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.04fr)\r\n    minmax(0,.96fr);\r\n\r\n  gap:32px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:620px;\r\n}\r\n\r\n.wdss-hero .wdss-hero-panel{\r\n\r\n  width:100%;\r\n\r\n  min-width:0;\r\n\r\n  padding:0;\r\n\r\n  border:none !important;\r\n\r\n  border-radius:0 !important;\r\n\r\n  background:none !important;\r\n\r\n  box-shadow:none !important;\r\n\r\n  backdrop-filter:none !important;\r\n\r\n  -webkit-backdrop-filter:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   05. EYEBROW\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  margin:0 0 15px !important;\r\n\r\n  color:#75dff1 !important;\r\n\r\n  font-size:12px !important;\r\n\r\n  font-weight:900 !important;\r\n\r\n  letter-spacing:1.5px !important;\r\n\r\n  line-height:1.35 !important;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.wdss-hero .wdss-eyebrow::before{\r\n\r\n  content:\"\";\r\n\r\n  flex:0 0 24px;\r\n\r\n  width:24px;\r\n\r\n  height:3px;\r\n\r\n  border-radius:3px;\r\n\r\n  background:#62d4ea;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   06. HERO TITLE\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-hero-panel h1{\r\n\r\n  max-width:650px;\r\n\r\n  margin:15px 0 18px !important;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-family:Arial,Helvetica,sans-serif !important;\r\n\r\n  font-size:clamp(36px,3.5vw,52px) !important;\r\n\r\n  font-weight:900 !important;\r\n\r\n  letter-spacing:-1.35px !important;\r\n\r\n  line-height:1.08 !important;\r\n\r\n  text-shadow:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   07. DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-hero-copy{\r\n\r\n  max-width:650px;\r\n\r\n  margin:0 !important;\r\n\r\n  color:#edf5fb !important;\r\n\r\n  font-family:Arial,Helvetica,sans-serif !important;\r\n\r\n  font-size:17px !important;\r\n\r\n  font-weight:500 !important;\r\n\r\n  line-height:1.68 !important;\r\n\r\n  letter-spacing:.05px !important;\r\n\r\n  text-shadow:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   08. SELECTION TITLE\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-selection-title{\r\n\r\n  margin:22px 0 12px !important;\r\n\r\n  color:#75dff1 !important;\r\n\r\n  font-size:13px !important;\r\n\r\n  font-weight:900 !important;\r\n\r\n  letter-spacing:.75px !important;\r\n\r\n  line-height:1.4 !important;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   09. BENEFIT CARDS\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-point-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n\r\n  gap:10px;\r\n}\r\n\r\n.wdss-hero .wdss-point{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:29px minmax(0,1fr);\r\n\r\n  gap:10px;\r\n\r\n  align-items:start;\r\n\r\n  min-width:0;\r\n\r\n  padding:14px;\r\n\r\n  border:1px solid #d5e3ed !important;\r\n\r\n  border-radius:10px;\r\n\r\n  background:#ffffff !important;\r\n\r\n  box-shadow:0 8px 22px rgba(4,25,43,.16);\r\n}\r\n\r\n\r\n\/* Check icon *\/\r\n\r\n.wdss-hero .wdss-point .wdss-point-icon{\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  width:27px;\r\n\r\n  height:27px;\r\n\r\n  margin:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#15977d !important;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px !important;\r\n\r\n  font-weight:900 !important;\r\n\r\n  line-height:1 !important;\r\n}\r\n\r\n\r\n\/* Card title *\/\r\n\r\n.wdss-hero .wdss-point strong{\r\n\r\n  display:block;\r\n\r\n  margin:0;\r\n\r\n  color:#082b49 !important;\r\n\r\n  font-family:Arial,Helvetica,sans-serif !important;\r\n\r\n  font-size:14px !important;\r\n\r\n  font-weight:800 !important;\r\n\r\n  line-height:1.4 !important;\r\n\r\n  text-shadow:none !important;\r\n\r\n  opacity:1 !important;\r\n}\r\n\r\n\r\n\/* Card description *\/\r\n\r\n.wdss-hero .wdss-point div > span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#506b82 !important;\r\n\r\n  font-family:Arial,Helvetica,sans-serif !important;\r\n\r\n  font-size:12px !important;\r\n\r\n  font-weight:400 !important;\r\n\r\n  line-height:1.5 !important;\r\n\r\n  text-shadow:none !important;\r\n\r\n  opacity:1 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   10. CTA BUTTONS\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-btns{\r\n\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:12px;\r\n\r\n  margin-top:24px;\r\n}\r\n\r\n.wdss-hero .wdss-btn{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  min-height:52px;\r\n\r\n  padding:0 24px;\r\n\r\n  border:2px solid transparent;\r\n\r\n  border-radius:7px;\r\n\r\n  font-family:Arial,Helvetica,sans-serif !important;\r\n\r\n  font-size:16px !important;\r\n\r\n  font-weight:800 !important;\r\n\r\n  line-height:1.35;\r\n\r\n  text-align:center;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    background-color .2s ease;\r\n}\r\n\r\n.wdss-hero .wdss-btn-primary{\r\n\r\n  border-color:#0868bd !important;\r\n\r\n  color:#ffffff !important;\r\n\r\n  background:#0868bd !important;\r\n}\r\n\r\n.wdss-hero .wdss-btn-light{\r\n\r\n  border-color:#ffffff !important;\r\n\r\n  color:#0868bd !important;\r\n\r\n  background:#ffffff !important;\r\n}\r\n\r\n.wdss-hero .wdss-btn:hover,\r\n.wdss-hero .wdss-btn:focus{\r\n\r\n  transform:translateY(-2px);\r\n\r\n  box-shadow:0 10px 24px rgba(8,104,189,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   11. PRODUCT BADGES\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-meta-row{\r\n\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:18px;\r\n}\r\n\r\n.wdss-hero .wdss-meta{\r\n\r\n  display:inline-block;\r\n\r\n  padding:7px 11px;\r\n\r\n  border:1px solid #426984;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#123f61 !important;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:11px !important;\r\n\r\n  font-weight:800 !important;\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   12. WHATSAPP\r\n   ========================================================= *\/\r\n\r\n.wdss-hero .wdss-contact{\r\n\r\n  margin:17px 0 0 !important;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:14px !important;\r\n\r\n  font-weight:900 !important;\r\n}\r\n\r\n.wdss-hero .wdss-contact a{\r\n\r\n  color:#75dff1 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   13. TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:980px){\r\n\r\n  .wdss-hero{\r\n\r\n    min-height:auto;\r\n\r\n    padding:54px 0;\r\n  }\r\n\r\n  .wdss-hero .wdss-wrap{\r\n\r\n    width:80% !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-inner{\r\n\r\n    grid-template-columns:minmax(0,1fr);\r\n\r\n    min-height:auto;\r\n\r\n    gap:24px;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-panel{\r\n\r\n    width:100%;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-panel h1{\r\n\r\n    font-size:40px !important;\r\n  }\r\n\r\n  .wdss-hero::before{\r\n\r\n    background:linear-gradient(\r\n      180deg,\r\n      #061f35 0%,\r\n      rgba(6,31,53,.96) 58%,\r\n      rgba(6,31,53,.65) 100%\r\n    );\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   14. MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px){\r\n\r\n  .wdss-hero{\r\n\r\n    padding:34px 0 48px;\r\n\r\n    min-height:auto;\r\n  }\r\n\r\n  .wdss-hero .wdss-wrap{\r\n\r\n    width:88% !important;\r\n\r\n    max-width:none !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-inner{\r\n\r\n    grid-template-columns:minmax(0,1fr);\r\n\r\n    gap:20px;\r\n\r\n    min-height:auto;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-panel{\r\n\r\n    width:100%;\r\n\r\n    padding:0;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-panel h1{\r\n\r\n    font-size:clamp(29px,8vw,36px) !important;\r\n\r\n    letter-spacing:-.5px !important;\r\n\r\n    line-height:1.12 !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-hero-copy{\r\n\r\n    font-size:15px !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-eyebrow{\r\n\r\n    font-size:10px !important;\r\n\r\n    letter-spacing:1px !important;\r\n  }\r\n\r\n  .wdss-hero .wdss-point-grid{\r\n\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wdss-hero .wdss-btns{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wdss-hero .wdss-btn{\r\n\r\n    width:100%;\r\n\r\n    padding:10px 15px;\r\n  }\r\n\r\n  .wdss-hero .wdss-meta-row{\r\n\r\n    gap:6px;\r\n  }\r\n\r\n  .wdss-hero .wdss-meta{\r\n\r\n    font-size:10px !important;\r\n  }\r\n\r\n  .wdss-hero::before{\r\n\r\n    background:linear-gradient(\r\n      180deg,\r\n      rgba(6,31,53,.98) 0%,\r\n      rgba(6,31,53,.95) 65%,\r\n      rgba(6,31,53,.78) 100%\r\n    );\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HERO HTML\r\n     ========================================================= -->\r\n\r\n<section class=\"wdss-hero\" id=\"wdss-top\">\r\n\r\n\r\n  <!-- Full Width Background -->\r\n\r\n  <img decoding=\"async\"\r\n    class=\"wdss-hero-bg\"\r\n    src=\"https:\/\/workshopdoor.com\/wp-content\/uploads\/2026\/06\/01-mechanical-dock-shelter-hero.jpg\"\r\n    alt=\"Loading dock seals and shelters installed around industrial loading bay doors\"\r\n    fetchpriority=\"high\"\r\n  >\r\n\r\n\r\n  <!-- 80% Centered Content -->\r\n\r\n  <div class=\"wdss-wrap wdss-hero-inner\">\r\n\r\n\r\n    <div class=\"wdss-hero-panel\">\r\n\r\n\r\n      <!-- Eyebrow -->\r\n\r\n      <p class=\"wdss-eyebrow\">\r\n        Loading Dock Sealing Solutions\r\n      <\/p>\r\n\r\n\r\n      <!-- H1 -->\r\n\r\n      <h1>\r\n        Loading Dock Seals and Shelters\r\n      <\/h1>\r\n\r\n\r\n      <!-- Description -->\r\n\r\n      <p class=\"wdss-hero-copy\">\r\n        Reduce rain, wind, dust and uncontrolled air exchange\r\n        around parked trucks. Compare dock shelters and dock seals\r\n        for different vehicle ranges, sealing targets and loading\r\n        environments.\r\n      <\/p>\r\n\r\n\r\n      <!-- Selection title -->\r\n\r\n      <p class=\"wdss-selection-title\">\r\n        Designed Around the Loading Bay\r\n      <\/p>\r\n\r\n\r\n      <!-- Four Selection Cards -->\r\n\r\n      <div\r\n        class=\"wdss-point-grid\"\r\n        aria-label=\"Dock seal and shelter selection requirements\"\r\n      >\r\n\r\n\r\n        <!-- 01 -->\r\n\r\n        <div class=\"wdss-point\">\r\n\r\n          <span\r\n            class=\"wdss-point-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Truck Size Compatibility\r\n            <\/strong>\r\n\r\n            <span>\r\n              Match the dock shelter or seal to expected truck\r\n              widths and heights.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 02 -->\r\n\r\n        <div class=\"wdss-point\">\r\n\r\n          <span\r\n            class=\"wdss-point-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Environmental Control\r\n            <\/strong>\r\n\r\n            <span>\r\n              Reduce weather exposure and uncontrolled air\r\n              exchange at the dock.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 03 -->\r\n\r\n        <div class=\"wdss-point\">\r\n\r\n          <span\r\n            class=\"wdss-point-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Sealing Contact Method\r\n            <\/strong>\r\n\r\n            <span>\r\n              Choose flexible curtains, foam compression or\r\n              inflatable sealing.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 04 -->\r\n\r\n        <div class=\"wdss-point\">\r\n\r\n          <span\r\n            class=\"wdss-point-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Project Fit\r\n            <\/strong>\r\n\r\n            <span>\r\n              Confirm the opening, bumpers, dock height and\r\n              vehicle position.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CTA Buttons -->\r\n\r\n      <div class=\"wdss-btns\">\r\n\r\n\r\n        <a\r\n          class=\"wdss-btn wdss-btn-primary\"\r\n          href=\"#wdss-products\"\r\n        >\r\n          Compare Dock Sealing Types\r\n        <\/a>\r\n\r\n\r\n        <a class=\"wdss-btn wdss-btn-light\" href=\"https:\/\/workshopdoor.com\/contact-us\/\">\r\n          Get a Project Quote\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Product Badges -->\r\n\r\n      <div\r\n        class=\"wdss-meta-row\"\r\n        aria-label=\"Dock seal and shelter product summary\"\r\n      >\r\n\r\n        <span class=\"wdss-meta\">\r\n          3 Seal Types\r\n        <\/span>\r\n\r\n        <span class=\"wdss-meta\">\r\n          Mechanical \u00b7 Foam \u00b7 Inflatable\r\n        <\/span>\r\n\r\n        <span class=\"wdss-meta\">\r\n          Project-Based Selection\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- WhatsApp -->\r\n\r\n      <p class=\"wdss-contact\">\r\n\r\n        <a href=\"https:\/\/wa.me\/8618020216635\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          WhatsApp: +86 180 2021 6635\r\n        <\/a>\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n<!-- End SEPPES Dock Seals and Shelters Hero -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-326fd01 e-flex e-con-boxed e-con e-parent\" data-id=\"326fd01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9218c elementor-widget elementor-widget-html\" data-id=\"4f9218c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Dock Seals and Shelters \u00b7 Section 06 FAQ styles. Paste once before the FAQ HTML. -->\r\n<style>\r\n.wdss6-faq-section{--wdss6-blue:#0868bd;--wdss6-ink:#0b2239;--wdss6-muted:#5f7285;--wdss6-cyan:#6bd8ec;--wdss6-line:#d9e3eb;--wdss6-soft:#f6f9fb;--wdss6-white:#fff;padding:86px 0;background:var(--wdss6-white)!important;color:var(--wdss6-ink)!important;font-family:Arial,Helvetica,sans-serif;line-height:1.65}\r\n.wdss6-faq-section,.wdss6-faq-section *{box-sizing:border-box}\r\n.wdss6-faq-section a{text-decoration:none}\r\n.wdss6-faq-section h2,.wdss6-faq-section p{margin-top:0}\r\n.wdss6-wrap{width:min(930px,calc(100% - 40px));margin:0 auto}\r\n.wdss6-head{text-align:center}\r\n.wdss6-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 15px!important;color:var(--wdss6-blue)!important;font-size:12px!important;font-weight:900!important;letter-spacing:1.55px!important;text-transform:uppercase}\r\n.wdss6-eyebrow:before{content:\"\";width:26px;height:3px;border-radius:3px;background:var(--wdss6-cyan)}\r\n.wdss6-heading{max-width:820px;margin:0 auto 16px!important;color:var(--wdss6-ink)!important;font-size:clamp(30px,3.4vw,46px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-1px!important}\r\n.wdss6-intro{max-width:760px;margin:0 auto!important;color:var(--wdss6-muted)!important;font-size:18px!important;line-height:1.65!important}\r\n.wdss6-list{margin-top:34px;border-top:1px solid var(--wdss6-line)}\r\n.wdss6-list details{padding:20px 3px;border-bottom:1px solid var(--wdss6-line);background:transparent}\r\n.wdss6-list summary{position:relative;padding-right:42px;cursor:pointer;list-style:none;color:var(--wdss6-ink)!important;font-size:16px!important;font-weight:900!important;line-height:1.45!important}\r\n.wdss6-list summary::-webkit-details-marker{display:none}\r\n.wdss6-list summary:after{content:\"+\";position:absolute;right:4px;top:-3px;color:var(--wdss6-blue);font-size:25px;font-weight:500;line-height:1}\r\n.wdss6-list details[open] summary:after{content:\"\u2212\"}\r\n.wdss6-list p{margin:11px 0 0!important;padding-right:42px;color:var(--wdss6-muted)!important;font-size:14px!important;line-height:1.7!important}\r\n.wdss6-inline-link{color:var(--wdss6-blue)!important;font-weight:800!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important}\r\n.wdss6-related{margin-top:30px;padding:22px;border:1px solid var(--wdss6-line);border-radius:12px;background:var(--wdss6-soft)!important}\r\n.wdss6-related-title{display:block;margin-bottom:12px;color:var(--wdss6-ink)!important;font-size:13px!important;font-weight:900!important;letter-spacing:.65px!important;text-transform:uppercase}\r\n.wdss6-related-links{display:flex;flex-wrap:wrap;gap:10px}\r\n.wdss6-related-links a{display:inline-flex;align-items:center;min-height:40px;padding:9px 13px;border:1px solid var(--wdss6-line);border-radius:999px;background:#fff!important;color:var(--wdss6-blue)!important;font-size:12px!important;font-weight:900!important;line-height:1.35!important;transition:.2s ease}\r\n.wdss6-related-links a:hover,.wdss6-related-links a:focus{transform:translateY(-2px);border-color:var(--wdss6-blue);box-shadow:0 8px 20px rgba(8,104,189,.12)}\r\n.wdss6-contact{margin:15px 0 0!important;color:var(--wdss6-ink)!important;font-size:13px!important;font-weight:900!important}\r\n.wdss6-contact a{color:var(--wdss6-blue)!important}\r\n@media(max-width:980px){.wdss6-faq-section{padding:68px 0}}\r\n@media(max-width:640px){.wdss6-faq-section{padding:56px 0}.wdss6-wrap{width:min(100% - 28px,930px)}.wdss6-heading{font-size:32px!important;letter-spacing:-.6px!important}.wdss6-intro{font-size:16px!important}.wdss6-list details{padding:18px 1px}.wdss6-list p{padding-right:6px}.wdss6-related{padding:17px}.wdss6-related-links{display:grid}.wdss6-related-links a{border-radius:8px}}\r\n\r\n\/* FAQ full-width background *\/\r\n.wdss6-faq-section {\r\n  position: relative;\r\n  width: 100vw !important;\r\n  max-width: none !important;\r\n  margin-left: calc(50% - 50vw) !important;\r\n  margin-right: 0 !important;\r\n}\r\n\r\n\/* 80% centered content - desktop, tablet and mobile *\/\r\n.wdss6-faq-section .wdss6-wrap {\r\n  width: 80% !important;\r\n  max-width: none !important;\r\n  margin-left: auto !important;\r\n  margin-right: auto !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* Mobile layout *\/\r\n@media (max-width: 640px) {\r\n  .wdss6-faq-section .wdss6-wrap {\r\n    width: 80% !important;\r\n  }\r\n\r\n  .wdss6-faq-section .wdss6-list summary {\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  .wdss6-faq-section .wdss6-related-links {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- Section 06: Buyer FAQ with links to relevant Workshopdoor blog articles. -->\r\n<section class=\"wdss6-faq-section\" id=\"dock-seals-shelters-faq\">\r\n  <div class=\"wdss6-wrap\">\r\n    <header class=\"wdss6-head\">\r\n      <p class=\"wdss6-eyebrow\">Buyer FAQ<\/p>\r\n      <h2 class=\"wdss6-heading\">Questions About Dock Seals and Shelters<\/h2>\r\n      <p class=\"wdss6-intro\">Compare sealing method, truck-size range and environmental requirements before choosing a loading dock sealing system.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"wdss6-list\">\r\n      <details open>\r\n        <summary>What is the difference between a dock seal and a dock shelter?<\/summary>\r\n        <p>A foam dock seal uses compressible pads that press directly against the trailer. A dock shelter normally uses flexible curtains or inflatable sections around the vehicle perimeter, preserving more access to the trailer opening. See the detailed <a class=\"wdss6-inline-link\" href=\"https:\/\/workshopdoor.com\/the-difference-between-inflatable-dock-shelters-and-loading-dock-seals\/\">dock seals vs dock shelters comparison<\/a>.<\/p>\r\n      <\/details>\r\n      <details>\r\n        <summary>Which option is better for loading bays serving different truck sizes?<\/summary>\r\n        <p>Mechanical or inflatable dock shelters are generally more adaptable when the approved truck-body dimensions vary. A foam dock seal is usually better suited to a relatively consistent vehicle range. Always provide the minimum and maximum trailer width and height before selection.<\/p>\r\n      <\/details>\r\n      <details>\r\n        <summary>When should a foam dock seal be selected?<\/summary>\r\n        <p>Choose a foam dock seal when trailers are similar in size, direct compression is acceptable and the project needs a simple passive sealing system without a blower. Confirm the contact area, bumper projection and available trailer-opening clearance.<\/p>\r\n      <\/details>\r\n      <details>\r\n        <summary>When is an inflatable dock shelter recommended?<\/summary>\r\n        <p>Inflatable dock shelters are commonly considered for cold storage, food, pharmaceutical and controlled loading areas that require tighter sealing around parked vehicles. Read the <a class=\"wdss6-inline-link\" href=\"https:\/\/workshopdoor.com\/inflatable-dock-shelter-for-loading-bays\/\">inflatable dock shelter guide for loading bays<\/a> for additional selection factors.<\/p>\r\n      <\/details>\r\n      <details>\r\n        <summary>What dimensions are needed to select dock shelters or dock seals?<\/summary>\r\n        <p>Provide the doorway width and height, smallest and largest truck-body dimensions, platform height, bumper projection, wall condition and vehicle approach position. Photos and loading-bay drawings help confirm the required width, height and projection.<\/p>\r\n      <\/details>\r\n      <details>\r\n        <summary>Can dock seals and shelters work with dock levelers and sectional doors?<\/summary>\r\n        <p>Yes. These components normally share one loading position. Coordinate the door tracks, dock leveler pit, shelter or seal projection, dock bumpers, vehicle restraint and operating sequence before production.<\/p>\r\n      <\/details>\r\n      <details>\r\n        <summary>What affects dock shelter and dock seal pricing?<\/summary>\r\n        <p>Pricing depends on system type, opening size, projection, curtain or fabric specification, foam or airbag construction, controls, bumper layout, quantity and installation conditions. Final specifications are project-based.<\/p>\r\n      <\/details>\r\n      <details>\r\n        <summary>What information is required for a project quotation?<\/summary>\r\n        <p>Send the opening size, truck width and height range, platform height, bumper projection, quantity, daily loading frequency, operating temperature, sealing target, project location and site drawings or photos.<\/p>\r\n      <\/details>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\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>Loading Dock Sealing Solutions Loading Dock Seals and Shelters Reduce rain, wind, dust and uncontrolled air exchange around parked trucks. Compare dock shelters and dock seals for different vehicle ranges, sealing targets and loading environments. Designed Around the Loading Bay \u2713 Truck Size Compatibility Match the dock shelter or seal to expected truck widths and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10566","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workshopdoor.com\/pt\/wp-json\/wp\/v2\/pages\/10566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workshopdoor.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workshopdoor.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workshopdoor.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workshopdoor.com\/pt\/wp-json\/wp\/v2\/comments?post=10566"}],"version-history":[{"count":11,"href":"https:\/\/workshopdoor.com\/pt\/wp-json\/wp\/v2\/pages\/10566\/revisions"}],"predecessor-version":[{"id":10680,"href":"https:\/\/workshopdoor.com\/pt\/wp-json\/wp\/v2\/pages\/10566\/revisions\/10680"}],"wp:attachment":[{"href":"https:\/\/workshopdoor.com\/pt\/wp-json\/wp\/v2\/media?parent=10566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}