{"product_id":"portable-steel-carport-20w-x-25l-x-129h-1","title":"Portable Steel Carport 20'(W) x 30'(L) x 12'9\"(H)","description":"\n\u003cstyle\u003e\n.cfo6-wrap,\n.cfo6-wrap * {\n  box-sizing: border-box;\n}\n\n.cfo6-wrap {\n  --navy: #172d5e;\n  --navy-dark: #0b1730;\n  --navy-soft: #eef2f8;\n  --red: #ce4444;\n  --red-dark: #a83232;\n  --red-soft: #fbeded;\n  --white: #ffffff;\n  --page: #f7f8fa;\n  --text: #1d2430;\n  --muted: #66717e;\n  --border: #e2e6ec;\n  --green: #28754d;\n  --green-soft: #eaf5ef;\n  --serif: Georgia, \"Iowan Old Style\", \"Times New Roman\", serif;\n\n  width: 100%;\n  max-width: 840px;\n  margin: 0 auto;\n  overflow: hidden;\n  border: 1px solid var(--border);\n  border-radius: 18px;\n  background: var(--white);\n  color: var(--text);\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n  box-shadow:\n    0 2px 6px rgba(11, 23, 48, 0.04),\n    0 18px 42px rgba(11, 23, 48, 0.08);\n}\n\n\/* HERO *\/\n.cfo6-hero {\n  padding: 34px 30px 30px;\n  background:\n    radial-gradient(circle at 92% 0%, rgba(206, 68, 68, 0.08), transparent 30%),\n    linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);\n}\n\n.cfo6-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 13px;\n  color: var(--red);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n.cfo6-eyebrow::before {\n  content: \"\";\n  width: 26px;\n  height: 2px;\n  border-radius: 999px;\n  background: var(--red);\n}\n\n.cfo6-hero h2 {\n  max-width: 670px;\n  margin: 0 0 11px;\n  color: var(--navy-dark) !important;\n  font-family: var(--serif);\n  font-size: 32px;\n  font-weight: 400;\n  line-height: 1.18;\n  letter-spacing: -0.025em;\n}\n\n.cfo6-hero-copy {\n  max-width: 680px;\n  margin: 0;\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.cfo6-trust-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 18px;\n  margin-top: 18px;\n}\n\n.cfo6-trust-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  color: var(--navy-dark);\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.cfo6-trust-item svg {\n  width: 15px;\n  height: 15px;\n  color: var(--red);\n}\n\n.cfo6-summary {\n  display: grid;\n  grid-template-columns: 1.35fr 1fr;\n  gap: 12px;\n  margin-top: 26px;\n}\n\n.cfo6-product-card {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 126px;\n  padding: 22px;\n  border-radius: 14px;\n  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);\n  color: var(--white);\n}\n\n.cfo6-product-size {\n  margin-bottom: 7px;\n  font-family: var(--serif);\n  font-size: 30px;\n  line-height: 1.1;\n}\n\n.cfo6-product-name {\n  color: rgba(255, 255, 255, 0.74);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.cfo6-metric-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.cfo6-metric {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 58px;\n  padding: 12px 13px;\n  border: 1px solid var(--border);\n  border-radius: 11px;\n  background: var(--white);\n}\n\n.cfo6-metric-value {\n  margin-bottom: 3px;\n  color: var(--navy-dark);\n  font-family: var(--serif);\n  font-size: 17px;\n}\n\n.cfo6-metric-label {\n  color: var(--muted);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n}\n\n\/* ACCORDION *\/\n.cfo6-list {\n  padding: 12px;\n  border-top: 1px solid var(--border);\n  background: var(--page);\n}\n\n.cfo6-item {\n  margin-bottom: 8px;\n  overflow: hidden;\n  border: 1px solid var(--border);\n  border-radius: 11px;\n  background: var(--white);\n}\n\n.cfo6-item:last-child {\n  margin-bottom: 0;\n}\n\n.cfo6-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  min-height: 60px;\n  padding: 14px 16px;\n  cursor: pointer;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition: background 0.2s ease;\n}\n\n.cfo6-head:hover {\n  background: #fafbfc;\n}\n\n.cfo6-title-wrap {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n\n.cfo6-title-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  min-width: 34px;\n  border-radius: 9px;\n  background: var(--navy-soft);\n  color: var(--navy);\n}\n\n.cfo6-title-icon svg {\n  width: 17px;\n  height: 17px;\n}\n\n.cfo6-title {\n  color: var(--navy-dark);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.cfo6-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  min-width: 28px;\n  border: 1px solid var(--border);\n  border-radius: 7px;\n  background: var(--white);\n  color: var(--navy);\n  transition:\n    transform 0.28s ease,\n    background 0.2s ease,\n    color 0.2s ease,\n    border-color 0.2s ease;\n}\n\n.cfo6-toggle svg {\n  width: 13px;\n  height: 13px;\n}\n\n.cfo6-item.cfo6-open {\n  border-color: rgba(23, 45, 94, 0.3);\n}\n\n.cfo6-item.cfo6-open .cfo6-head {\n  background: var(--navy);\n}\n\n.cfo6-item.cfo6-open .cfo6-title,\n.cfo6-item.cfo6-open .cfo6-title-icon,\n.cfo6-item.cfo6-open .cfo6-toggle {\n  color: var(--white);\n}\n\n.cfo6-item.cfo6-open .cfo6-title-icon,\n.cfo6-item.cfo6-open .cfo6-toggle {\n  background: rgba(255, 255, 255, 0.12);\n}\n\n.cfo6-item.cfo6-open .cfo6-toggle {\n  transform: rotate(180deg);\n  border-color: rgba(255, 255, 255, 0.25);\n}\n\n.cfo6-body {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.32s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.cfo6-item.cfo6-open .cfo6-body {\n  grid-template-rows: 1fr;\n}\n\n.cfo6-body-inner {\n  overflow: hidden;\n}\n\n.cfo6-body-pad {\n  padding: 7px 18px 20px;\n}\n\n\/* TABLES \u0026 FEATURE ROWS *\/\n\n.cfo6-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  margin-bottom: 10px;\n}\n.cfo6-spec-table {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.cfo6-spec-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 16px;\n  min-height: 70px;\n  padding: 14px 16px;\n  border: 1px solid var(--border);\n  border-radius: 11px;\n  background: #ffffff;\n  transition:\n    transform 0.2s ease,\n    border-color 0.2s ease,\n    background 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.cfo6-spec-row:hover {\n  transform: translateY(-1px);\n  border-color: rgba(23, 45, 94, 0.24);\n  background: #fbfcfe;\n  box-shadow: 0 6px 14px rgba(11, 23, 48, 0.05);\n}\n\n.cfo6-spec-key {\n  color: #5f6b7a;\n  font-size: 12.5px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n\n.cfo6-spec-value {\n  color: var(--navy-dark);\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.35;\n  text-align: right;\n  white-space: nowrap;\n}\n\n.cfo6-note {\n  position: relative;\n  margin-top: 14px;\n  padding: 14px 16px 14px 18px;\n  border: 1px solid #f3d7d7;\n  border-left: 4px solid var(--red);\n  border-radius: 10px;\n  background: linear-gradient(90deg, #fff5f5 0%, #fff9f9 100%);\n  color: #7d3a3a;\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 1.6;\n}\n\n.cfo6-performance-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.cfo6-performance-card {\n  padding: 17px;\n  border: 1px solid var(--border);\n  border-radius: 11px;\n  background: #fafbfc;\n}\n\n.cfo6-performance-value {\n  margin-bottom: 4px;\n  color: var(--navy-dark);\n  font-family: var(--serif);\n  font-size: 25px;\n}\n\n.cfo6-performance-label {\n  margin-bottom: 8px;\n  color: var(--navy);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n}\n\n.cfo6-performance-copy {\n  color: var(--muted);\n  font-size: 12.5px;\n  line-height: 1.55;\n}\n\n.cfo6-compare {\n  margin-top: 14px;\n  overflow: hidden;\n  border: 1px solid var(--border);\n  border-radius: 10px;\n}\n\n.cfo6-compare-head,\n.cfo6-compare-row {\n  display: grid;\n  grid-template-columns: 1.25fr 1fr 1fr;\n}\n\n.cfo6-compare-head {\n  background: var(--navy-dark);\n  color: var(--white);\n}\n\n.cfo6-compare-head div,\n.cfo6-compare-row div {\n  padding: 11px 12px;\n}\n\n.cfo6-compare-head div {\n  font-size: 9.5px;\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.cfo6-compare-row {\n  border-top: 1px solid var(--border);\n}\n\n.cfo6-compare-row:nth-child(odd) {\n  background: #fafbfc;\n}\n\n.cfo6-compare-row div {\n  color: var(--muted);\n  font-size: 12px;\n}\n\n.cfo6-compare-row div:first-child {\n  color: var(--text);\n  font-weight: 700;\n}\n\n.cfo6-good {\n  color: var(--green) !important;\n  font-weight: 700;\n}\n\n.cfo6-feature {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 72px;\n  padding: 14px 16px;\n  border: 1px solid var(--border);\n  border-radius: 11px;\n  background: #ffffff;\n  transition:\n    transform 0.2s ease,\n    border-color 0.2s ease,\n    background 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.cfo6-feature:hover {\n  transform: translateY(-1px);\n  border-color: rgba(23, 45, 94, 0.24);\n  background: #fbfcfe;\n  box-shadow: 0 6px 14px rgba(11, 23, 48, 0.05);\n}\n\n.cfo6-check {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  min-width: 34px;\n  border-radius: 50%;\n  background: var(--green-soft);\n  color: var(--green);\n  font-size: 18px;\n  font-weight: 800;\n}\n\n.cfo6-check svg {\n  width: 15px;\n  height: 15px;\n}\n\n.cfo6-feature-text {\n  color: var(--text);\n  font-size: 13.5px;\n  font-weight: 600;\n  line-height: 1.5;\n}\n\n\/* COLLECTION LINK *\/\n.cfo6-series-panel {\n  display: grid;\n  grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.8fr);\n  gap: 24px;\n  align-items: stretch;\n  padding: 20px;\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0 6px 16px rgba(11, 23, 48, 0.04);\n}\n\n.cfo6-series-content {\n  min-width: 0;\n  padding-right: 4px;\n}\n\n.cfo6-series-kicker {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--red);\n  font-size: 9.5px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.cfo6-series-title {\n  margin: 0 0 7px;\n  color: var(--navy-dark);\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.35;\n}\n\n.cfo6-series-copy {\n  max-width: 520px;\n  margin: 0;\n  color: var(--muted);\n  font-size: 12.5px;\n  line-height: 1.65;\n}\n\n.cfo6-series-sizes {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 14px;\n}\n\n.cfo6-series-size {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 56px;\n  min-height: 32px;\n  padding: 6px 10px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: #f8fafc;\n  color: var(--navy-dark);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.cfo6-series-action {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 12px;\n  padding-left: 22px;\n  border-left: 1px solid var(--border);\n}\n\n.cfo6-series-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  min-height: 46px;\n  padding: 12px 18px;\n  border: 1px solid var(--navy);\n  border-radius: 9px;\n  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);\n  color: var(--white);\n  font-size: 10.5px;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-decoration: none;\n  text-transform: uppercase;\n  white-space: nowrap;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease,\n    background 0.2s ease;\n}\n\n.cfo6-series-link:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 8px 18px rgba(11, 23, 48, 0.14);\n}\n\n.cfo6-series-helper {\n  margin: 0;\n  color: var(--muted);\n  font-size: 11.5px;\n  line-height: 1.55;\n}\n\n\n\/* WHAT'S INCLUDED \u0026 FOUNDATION *\/\n.cfo6-included-grid,\n.cfo6-foundation-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.cfo6-included-card,\n.cfo6-foundation-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  min-height: 88px;\n  padding: 15px 16px;\n  border: 1px solid var(--border);\n  border-radius: 11px;\n  background: #ffffff;\n  transition:\n    transform 0.2s ease,\n    border-color 0.2s ease,\n    background 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.cfo6-included-card:hover,\n.cfo6-foundation-card:hover {\n  transform: translateY(-1px);\n  border-color: rgba(23, 45, 94, 0.24);\n  background: #fbfcfe;\n  box-shadow: 0 6px 14px rgba(11, 23, 48, 0.05);\n}\n\n.cfo6-included-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  min-width: 38px;\n  border-radius: 9px;\n  background: var(--navy-soft);\n  color: var(--navy);\n  font-size: 17px;\n  font-weight: 800;\n}\n\n.cfo6-included-title,\n.cfo6-foundation-title {\n  margin: 0 0 4px;\n  color: var(--navy-dark);\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.35;\n}\n\n.cfo6-included-copy,\n.cfo6-foundation-copy {\n  margin: 0;\n  color: var(--muted);\n  font-size: 11.5px;\n  line-height: 1.5;\n}\n\n.cfo6-foundation-card-wide {\n  grid-column: 1 \/ -1;\n}\n\n\/* EXPLORE THIS SERIES *\/\n.cfo6-series-panel {\n  display: grid;\n  grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.75fr);\n  gap: 24px;\n  align-items: center;\n  padding: 21px;\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0 6px 16px rgba(11, 23, 48, 0.04);\n}\n\n.cfo6-series-content {\n  min-width: 0;\n}\n\n.cfo6-series-kicker {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--red);\n  font-size: 9.5px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.cfo6-series-title {\n  margin: 0 0 7px;\n  color: var(--navy-dark);\n  font-size: 18px;\n  font-weight: 800;\n  line-height: 1.35;\n}\n\n.cfo6-series-copy {\n  max-width: 500px;\n  margin: 0;\n  color: var(--muted);\n  font-size: 12.5px;\n  line-height: 1.6;\n}\n\n.cfo6-series-sizes {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 14px;\n}\n\n.cfo6-series-size {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 58px;\n  min-height: 32px;\n  padding: 6px 11px;\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  background: #f8fafc;\n  color: var(--navy-dark);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.cfo6-series-action {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 12px;\n  padding-left: 23px;\n  border-left: 1px solid var(--border);\n}\n\n.cfo6-series-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  min-height: 46px;\n  padding: 12px 18px;\n  border: 1px solid var(--navy);\n  border-radius: 9px;\n  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);\n  color: var(--white);\n  font-size: 10.5px;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-decoration: none;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.cfo6-series-helper {\n  margin: 0;\n  color: var(--muted);\n  font-size: 11.5px;\n  line-height: 1.55;\n}\n\n\/* COMPACT PERFECT FOR *\/\n.cfo6-use-intro {\n  margin: 0 0 14px;\n  color: var(--muted);\n  font-size: 13.5px;\n  line-height: 1.6;\n}\n\n.cfo6-use-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.cfo6-use-card {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  min-height: 78px;\n  padding: 13px 14px;\n  border: 1px solid var(--border);\n  border-radius: 11px;\n  background: var(--white);\n  text-align: left;\n  box-shadow: none;\n  transition:\n    transform 0.2s ease,\n    border-color 0.2s ease,\n    background 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.cfo6-use-card:hover {\n  transform: translateY(-1px);\n  border-color: rgba(23, 45, 94, 0.28);\n  background: #fafbfd;\n  box-shadow: 0 6px 14px rgba(11, 23, 48, 0.05);\n}\n\n.cfo6-use-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  min-width: 46px;\n  border-radius: 10px;\n  background: var(--navy-soft);\n  color: var(--navy);\n}\n\n.cfo6-use-icon svg {\n  width: 24px;\n  height: 24px;\n}\n\n.cfo6-use-content {\n  min-width: 0;\n}\n\n.cfo6-use-title {\n  margin: 0 0 3px;\n  color: var(--navy-dark);\n  font-size: 14px;\n  font-weight: 750;\n  line-height: 1.35;\n}\n\n.cfo6-use-copy {\n  margin: 0;\n  color: var(--muted);\n  font-size: 11.5px;\n  line-height: 1.45;\n}\n\n\/* FAQ *\/\n.cfo6-faq-list {\n  overflow: hidden;\n  border: 1px solid var(--border);\n  border-radius: 9px;\n}\n\n.cfo6-faq-item {\n  border-bottom: 1px solid var(--border);\n}\n\n.cfo6-faq-item:last-child {\n  border-bottom: none;\n}\n\n.cfo6-faq-question {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  width: 100%;\n  padding: 13px 14px;\n  border: 0;\n  background: var(--white);\n  color: var(--navy-dark);\n  font: inherit;\n  font-size: 13px;\n  font-weight: 700;\n  text-align: left;\n  cursor: pointer;\n}\n\n.cfo6-faq-icon {\n  color: var(--red);\n  font-size: 18px;\n  transition: transform 0.2s ease;\n}\n\n.cfo6-faq-answer {\n  display: none;\n  padding: 0 14px 14px;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n.cfo6-faq-item.cfo6-faq-open .cfo6-faq-answer {\n  display: block;\n}\n\n.cfo6-faq-item.cfo6-faq-open .cfo6-faq-icon {\n  transform: rotate(45deg);\n}\n\n\/* CTA *\/\n.cfo6-cta {\n  padding: 28px;\n  border-top: 1px solid var(--border);\n  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);\n  color: var(--white);\n  text-align: center;\n}\n\n.cfo6-cta h3 {\n  margin: 0 0 8px;\n  color: var(--white) !important;\n  font-family: var(--serif);\n  font-size: 24px;\n  font-weight: 400;\n}\n\n.cfo6-cta p {\n  max-width: 580px;\n  margin: 0 auto 18px;\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 13.5px;\n  line-height: 1.65;\n}\n\n.cfo6-cta-actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 9px;\n}\n\n.cfo6-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 10px 17px;\n  border-radius: 8px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n  text-decoration: none;\n  text-transform: uppercase;\n}\n\n.cfo6-button-primary {\n  border: 1px solid var(--red);\n  background: var(--red);\n  color: var(--white);\n}\n\n.cfo6-button-secondary {\n  border: 1px solid rgba(255, 255, 255, 0.35);\n  background: rgba(255, 255, 255, 0.08);\n  color: var(--white);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 720px) {\n  .cfo6-summary {\n    grid-template-columns: 1fr;\n  }\n\n  .cfo6-use-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 560px) {\n  .cfo6-hero {\n    padding: 28px 22px 24px;\n  }\n\n  .cfo6-hero h2 {\n    font-size: 27px;\n  }\n\n  .cfo6-list {\n    padding: 9px;\n  }\n\n  .cfo6-head {\n    padding: 13px 14px;\n  }\n\n  .cfo6-body-pad {\n    padding: 6px 14px 18px;\n  }\n\n  .cfo6-performance-grid,\n  .cfo6-spec-table,\n  .cfo6-feature-grid,\n  .cfo6-included-grid,\n  .cfo6-foundation-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cfo6-foundation-card-wide {\n    grid-column: auto;\n  }\n\n  .cfo6-series-panel {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .cfo6-series-action {\n    padding-left: 0;\n    padding-top: 18px;\n    border-left: 0;\n    border-top: 1px solid var(--border);\n  }\n\n  .cfo6-series-link {\n    width: 100%;\n  }\n\n  .cfo6-cta {\n    padding: 25px 20px;\n  }\n}\n\n@media (max-width: 400px) {\n  .cfo6-hero {\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n  .cfo6-hero h2 {\n    font-size: 24px;\n  }\n\n  .cfo6-metric-grid,\n  .cfo6-use-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cfo6-title-icon {\n    display: none;\n  }\n}\n\n\/* FINAL LAYOUT FIXES *\/\n.cfo6-spec-table {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.cfo6-spec-row {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  justify-content: center !important;\n  gap: 5px !important;\n  min-width: 0;\n  min-height: 92px;\n  padding: 15px 16px;\n}\n\n.cfo6-spec-key {\n  width: 100%;\n  color: #647082;\n  font-size: 11.5px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.cfo6-spec-value {\n  width: 100%;\n  max-width: 100%;\n  color: var(--navy-dark);\n  font-size: 13.5px;\n  font-weight: 800;\n  line-height: 1.38;\n  text-align: left !important;\n  white-space: normal !important;\n  overflow-wrap: anywhere;\n  word-break: normal;\n}\n\n\/* Compact Explore This Series *\/\n.cfo6-series-panel {\n  grid-template-columns: minmax(0, 1fr) 230px;\n  gap: 20px;\n  padding: 18px;\n}\n\n.cfo6-series-title {\n  font-size: 16px;\n  margin-bottom: 5px;\n}\n\n.cfo6-series-copy {\n  font-size: 11.5px;\n  line-height: 1.5;\n}\n\n.cfo6-series-sizes {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 7px;\n  margin-top: 12px;\n  max-width: 260px;\n}\n\n.cfo6-series-size {\n  min-width: 0;\n  min-height: 30px;\n  padding: 5px 8px;\n  border-radius: 8px;\n  font-size: 10.5px;\n}\n\n.cfo6-series-action {\n  padding-left: 18px;\n  gap: 9px;\n}\n\n.cfo6-series-link {\n  min-height: 42px;\n  padding: 10px 14px;\n  font-size: 10px;\n}\n\n.cfo6-series-helper {\n  font-size: 10.5px;\n  line-height: 1.45;\n}\n\n\/* What's Included ordering and compact cards *\/\n.cfo6-included-grid {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.cfo6-included-card {\n  min-height: 82px;\n}\n\n@media (max-width: 560px) {\n  .cfo6-spec-table,\n  .cfo6-included-grid,\n  .cfo6-foundation-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cfo6-series-panel {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .cfo6-series-action {\n    padding-left: 0;\n    padding-top: 14px;\n    border-left: 0;\n    border-top: 1px solid var(--border);\n  }\n\n  .cfo6-series-sizes {\n    max-width: none;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n\n\n\/* FINAL EXPLORE THIS SERIES LAYOUT *\/\n@media (min-width: 721px) {\n  .cfo6-series-panel {\n    display: grid !important;\n    grid-template-columns: 300px minmax(0, 1fr) !important;\n    gap: 32px !important;\n    align-items: stretch !important;\n    padding: 28px !important;\n  }\n\n  .cfo6-series-content {\n    display: block !important;\n    min-width: 0 !important;\n    padding-right: 30px !important;\n    border-right: 1px solid var(--border) !important;\n  }\n\n  .cfo6-series-kicker,\n  .cfo6-series-title,\n  .cfo6-series-copy,\n  .cfo6-series-sizes {\n    grid-area: auto !important;\n  }\n\n  .cfo6-series-kicker {\n    margin-bottom: 14px !important;\n  }\n\n  .cfo6-series-title {\n    margin: 0 0 18px !important;\n    font-size: 28px !important;\n    line-height: 1.18 !important;\n    max-width: 250px !important;\n  }\n\n  .cfo6-series-title::after {\n    content: \"\";\n    display: block;\n    width: 42px;\n    height: 2px;\n    margin-top: 18px;\n    border-radius: 999px;\n    background: var(--red);\n  }\n\n  .cfo6-series-copy {\n    max-width: 250px !important;\n    margin: 0 !important;\n    font-size: 13.5px !important;\n    line-height: 1.65 !important;\n  }\n\n  .cfo6-series-sizes {\n    display: none !important;\n  }\n\n  .cfo6-series-action {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 12px !important;\n    align-content: center !important;\n    padding-left: 0 !important;\n    border-left: 0 !important;\n    min-width: 0 !important;\n  }\n\n  .cfo6-series-action::before {\n    content: \"15 ft\\A20 ft\\A25 ft\\A30 ft\\A35 ft\\A40 ft\";\n    white-space: pre;\n    display: contents;\n  }\n\n  .cfo6-series-link {\n    grid-column: 1 \/ -1 !important;\n    min-height: 54px !important;\n    margin-top: 6px !important;\n    font-size: 12px !important;\n  }\n\n  .cfo6-series-helper {\n    grid-column: 1 \/ -1 !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    font-size: 12px !important;\n    line-height: 1.55 !important;\n  }\n\n  .cfo6-series-action \u003e .cfo6-series-link::before {\n    content: \"\";\n  }\n\n  .cfo6-series-action::after {\n    content: \"\";\n    display: none;\n  }\n\n  \/* Actual size cards generated from the existing size list *\/\n  .cfo6-series-content .cfo6-series-sizes {\n    display: none !important;\n  }\n}\n\n\/* Stable explicit desktop size cards *\/\n@media (min-width: 721px) {\n  .cfo6-series-action {\n    position: relative;\n    padding-top: 156px !important;\n  }\n\n  .cfo6-series-action::before {\n    content: \"\";\n    display: block !important;\n    position: absolute;\n    inset: 0 0 auto 0;\n    height: 136px;\n    background:\n      linear-gradient(#fff, #fff) padding-box;\n    pointer-events: none;\n  }\n\n  .cfo6-series-action::after {\n    content: \"15 ft     20 ft     25 ft\\A30 ft     35 ft     40 ft\";\n    white-space: pre;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    inset: 0 0 auto 0;\n    height: 136px;\n    border-radius: 10px;\n    color: var(--navy-dark);\n    font-size: 18px;\n    font-weight: 800;\n    line-height: 3.1;\n    word-spacing: 26px;\n    text-align: center;\n    background:\n      linear-gradient(to right,\n        transparent 0,\n        transparent 31.5%,\n        var(--border) 31.5%,\n        var(--border) 32%,\n        transparent 32%,\n        transparent 65.5%,\n        var(--border) 65.5%,\n        var(--border) 66%,\n        transparent 66%),\n      linear-gradient(to bottom,\n        transparent 0,\n        transparent 48.5%,\n        var(--border) 48.5%,\n        var(--border) 49%,\n        transparent 49%);\n    border: 1px solid var(--border);\n    box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n\n@media (max-width: 720px) {\n  .cfo6-series-panel {\n    display: block !important;\n    padding: 18px !important;\n  }\n\n  .cfo6-series-content {\n    display: block !important;\n    padding: 0 !important;\n    border: 0 !important;\n  }\n\n  .cfo6-series-title {\n    font-size: 20px !important;\n    max-width: none !important;\n  }\n\n  .cfo6-series-sizes {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    max-width: none !important;\n    margin-top: 14px !important;\n  }\n\n  .cfo6-series-action {\n    display: flex !important;\n    flex-direction: column !important;\n    margin-top: 18px !important;\n    padding: 18px 0 0 !important;\n    border-left: 0 !important;\n    border-top: 1px solid var(--border) !important;\n  }\n}\n\n\n\/* REAL DESKTOP SIZE GRID *\/\n.cfo6-series-desktop-sizes {\n  display: none;\n}\n\n@media (min-width: 721px) {\n  .cfo6-series-action {\n    display: flex !important;\n    flex-direction: column !important;\n    padding-top: 0 !important;\n  }\n\n  .cfo6-series-action::before,\n  .cfo6-series-action::after {\n    display: none !important;\n    content: none !important;\n  }\n\n  .cfo6-series-desktop-sizes {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .cfo6-series-desktop-sizes span {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 68px;\n    border: 1px solid var(--border);\n    border-radius: 10px;\n    background: #fff;\n    color: var(--navy-dark);\n    font-size: 18px;\n    font-weight: 800;\n  }\n}\n\n@media (max-width: 720px) {\n  .cfo6-series-desktop-sizes {\n    display: none;\n  }\n}\n\n\n\/* CLEAN EXPLORE THIS SERIES *\/\n.cfo6-series-v2 {\n  display: grid;\n  grid-template-columns: minmax(220px, 0.85fr) minmax(0, 1.35fr);\n  gap: 30px;\n  align-items: stretch;\n  padding: 26px;\n  border: 1px solid var(--border);\n  border-radius: 13px;\n  background: #ffffff;\n  box-shadow: 0 6px 16px rgba(11, 23, 48, 0.04);\n}\n\n.cfo6-series-v2-intro {\n  min-width: 0;\n  padding-right: 28px;\n  border-right: 1px solid var(--border);\n}\n\n.cfo6-series-v2-kicker {\n  display: block;\n  margin-bottom: 12px;\n  color: var(--red);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n.cfo6-series-v2-title {\n  max-width: 260px;\n  margin: 0;\n  color: var(--navy-dark);\n  font-size: 26px;\n  font-weight: 800;\n  line-height: 1.18;\n  word-break: normal;\n  overflow-wrap: normal;\n}\n\n.cfo6-series-v2-accent {\n  display: block;\n  width: 42px;\n  height: 2px;\n  margin: 18px 0;\n  border-radius: 999px;\n  background: var(--red);\n}\n\n.cfo6-series-v2-copy {\n  max-width: 290px;\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n.cfo6-series-v2-options {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.cfo6-series-v2-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(76px, 1fr));\n  gap: 11px;\n}\n\n.cfo6-series-v2-grid span {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  min-height: 62px;\n  padding: 10px;\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  background: #fbfcfe;\n  color: var(--navy-dark);\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1;\n  white-space: nowrap;\n}\n\n.cfo6-series-v2-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  width: 100%;\n  min-height: 50px;\n  margin-top: 14px;\n  padding: 12px 18px;\n  border: 1px solid var(--navy);\n  border-radius: 10px;\n  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  text-decoration: none;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.cfo6-series-v2-helper {\n  margin: 12px 0 0;\n  color: var(--muted);\n  font-size: 11.5px;\n  line-height: 1.55;\n}\n\n.cfo6-series-v2-note {\n  margin-top: 12px;\n}\n\n@media (max-width: 720px) {\n  .cfo6-series-v2 {\n    grid-template-columns: 1fr;\n    gap: 20px;\n    padding: 20px;\n  }\n\n  .cfo6-series-v2-intro {\n    padding-right: 0;\n    padding-bottom: 20px;\n    border-right: 0;\n    border-bottom: 1px solid var(--border);\n  }\n\n  .cfo6-series-v2-title,\n  .cfo6-series-v2-copy {\n    max-width: none;\n  }\n\n  .cfo6-series-v2-title {\n    font-size: 22px;\n  }\n\n  .cfo6-series-v2-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 8px;\n  }\n\n  .cfo6-series-v2-grid span {\n    min-height: 44px;\n    font-size: 13px;\n  }\n}\n\n@media (max-width: 390px) {\n  .cfo6-series-v2 {\n    padding: 16px;\n  }\n\n  .cfo6-series-v2-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n\n\/* FINAL EXPLORE SERIES FIX — FITS PRODUCT COLUMN *\/\n.cfo6-series-v2 {\n  display: block !important;\n  padding: 24px !important;\n}\n\n.cfo6-series-v2-intro {\n  padding: 0 0 20px !important;\n  border-right: 0 !important;\n  border-bottom: 1px solid var(--border) !important;\n}\n\n.cfo6-series-v2-title {\n  max-width: none !important;\n  font-size: 24px !important;\n  line-height: 1.2 !important;\n}\n\n.cfo6-series-v2-copy {\n  max-width: 620px !important;\n}\n\n.cfo6-series-v2-options {\n  padding-top: 20px !important;\n}\n\n.cfo6-series-v2-grid {\n  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  gap: 10px !important;\n}\n\n.cfo6-series-v2-grid span {\n  min-height: 54px !important;\n  font-size: 15px !important;\n}\n\n.cfo6-series-v2-link {\n  min-height: 48px !important;\n  margin-top: 12px !important;\n}\n\n.cfo6-series-v2-helper {\n  margin-top: 10px !important;\n  text-align: center !important;\n}\n\n@media (max-width: 520px) {\n  .cfo6-series-v2 {\n    padding: 18px !important;\n  }\n\n  .cfo6-series-v2-title {\n    font-size: 21px !important;\n  }\n\n  .cfo6-series-v2-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n\n  .cfo6-series-v2-grid span {\n    min-height: 46px !important;\n    font-size: 13px !important;\n  }\n}\n\n\n\/* CURRENT SIZE INDICATOR *\/\n.cfo6-series-v2-grid .cfo6-series-v2-current {\n  border-color: var(--navy);\n  background: var(--navy);\n  color: #ffffff;\n  box-shadow: 0 5px 12px rgba(11, 23, 48, 0.12);\n}\n\n\/* FIVE-LENGTH SERIES GRID *\/\n.cfo6-series-v2-grid {\n  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;\n}\n\n@media (max-width: 720px) {\n  .cfo6-series-v2-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n}\n\n@media (max-width: 390px) {\n  .cfo6-series-v2-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"cfo6-wrap\"\u003e\n\n  \u003csection class=\"cfo6-hero\"\u003e\n    \u003cdiv class=\"cfo6-eyebrow\"\u003eProduct details\u003c\/div\u003e\n\n    \u003ch2\u003eBuilt for Canadian Winters\u003c\/h2\u003e\n\n    \u003cp class=\"cfo6-hero-copy\"\u003e\n      Heavy-duty 20' × 30' galvanized steel carport designed for demanding\n      snow, wind and weather conditions, with straightforward DIY assembly\n      and Canada-wide delivery.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"cfo6-trust-row\"\u003e\n      \u003cspan class=\"cfo6-trust-item\"\u003e✓ Canada-wide delivery\u003c\/span\u003e\n      \u003cspan class=\"cfo6-trust-item\"\u003e✓ 10-year warranty\u003c\/span\u003e\n      \u003cspan class=\"cfo6-trust-item\"\u003e✓ DIY-friendly kit\u003c\/span\u003e\n      \u003cspan class=\"cfo6-trust-item\"\u003e✓ Designed for winter conditions\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cfo6-summary\"\u003e\n      \u003cdiv class=\"cfo6-product-card\"\u003e\n        \u003cdiv class=\"cfo6-product-size\"\u003e20' × 30'\u003c\/div\u003e\n        \u003cdiv class=\"cfo6-product-name\"\u003eHeavy-duty steel carport\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-metric-grid\"\u003e\n        \u003cdiv class=\"cfo6-metric\"\u003e\n          \u003cdiv class=\"cfo6-metric-value\"\u003e45 PSF\u003c\/div\u003e\n          \u003cdiv class=\"cfo6-metric-label\"\u003eSnow rating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cfo6-metric\"\u003e\n          \u003cdiv class=\"cfo6-metric-value\"\u003e120 mph\u003c\/div\u003e\n          \u003cdiv class=\"cfo6-metric-label\"\u003eWind rating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cfo6-metric\"\u003e\n          \u003cdiv class=\"cfo6-metric-value\"\u003e600 sq ft\u003c\/div\u003e\n          \u003cdiv class=\"cfo6-metric-label\"\u003eCoverage\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cfo6-metric\"\u003e\n          \u003cdiv class=\"cfo6-metric-value\"\u003e10 years\u003c\/div\u003e\n          \u003cdiv class=\"cfo6-metric-label\"\u003eWarranty\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"cfo6-list\"\u003e\n\n    \u003csection class=\"cfo6-item cfo6-open\" data-cfo6-item\u003e\n      \u003cdiv class=\"cfo6-head\" data-cfo6-toggle\u003e\n        \u003cdiv class=\"cfo6-title-wrap\"\u003e\n          \u003cspan class=\"cfo6-title-icon\"\u003e↔\u003c\/span\u003e\n          \u003cspan class=\"cfo6-title\"\u003eDimensions \u0026amp; specifications\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cfo6-toggle\"\u003e⌄\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-body\"\u003e\n        \u003cdiv class=\"cfo6-body-inner\"\u003e\n          \u003cdiv class=\"cfo6-body-pad\"\u003e\n            \u003cdiv class=\"cfo6-spec-table\"\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eOverall width\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003e20 ft\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eOverall length\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003e30 ft\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eOverall height\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003e12' 9½\"\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eCovered area\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003e600 sq ft\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eWarranty\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003e10 years\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"cfo6-item\" data-cfo6-item\u003e\n      \u003cdiv class=\"cfo6-head\" data-cfo6-toggle\u003e\n        \u003cdiv class=\"cfo6-title-wrap\"\u003e\n          \u003cspan class=\"cfo6-title-icon\"\u003e▱\u003c\/span\u003e\n          \u003cspan class=\"cfo6-title\"\u003eFrame \u0026amp; roof materials\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cfo6-toggle\"\u003e⌄\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-body\"\u003e\n        \u003cdiv class=\"cfo6-body-inner\"\u003e\n          \u003cdiv class=\"cfo6-body-pad\"\u003e\n            \u003cdiv class=\"cfo6-spec-table\"\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eStructural frame\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003e2\" × 2\" 14-gauge steel\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eFrame finish\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003eHot-dipped galvanized and powder coated\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eRoof sheeting\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003e28-gauge pre-painted steel\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"cfo6-spec-row\"\u003e\n\u003cspan class=\"cfo6-spec-key\"\u003eRoof style\u003c\/span\u003e\u003cspan class=\"cfo6-spec-value\"\u003eWrapped roof\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"cfo6-item\" data-cfo6-item\u003e\n      \u003cdiv class=\"cfo6-head\" data-cfo6-toggle\u003e\n        \u003cdiv class=\"cfo6-title-wrap\"\u003e\n          \u003cspan class=\"cfo6-title-icon\"\u003e❄\u003c\/span\u003e\n          \u003cspan class=\"cfo6-title\"\u003eSnow \u0026amp; wind performance\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cfo6-toggle\"\u003e⌄\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-body\"\u003e\n        \u003cdiv class=\"cfo6-body-inner\"\u003e\n          \u003cdiv class=\"cfo6-body-pad\"\u003e\n            \u003cdiv class=\"cfo6-performance-grid\"\u003e\n              \u003cdiv class=\"cfo6-performance-card\"\u003e\n                \u003cdiv class=\"cfo6-performance-value\"\u003e45 PSF\u003c\/div\u003e\n                \u003cdiv class=\"cfo6-performance-label\"\u003eSnow load rating\u003c\/div\u003e\n                \u003cdiv class=\"cfo6-performance-copy\"\u003eDesigned for demanding Canadian winter conditions.\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"cfo6-performance-card\"\u003e\n                \u003cdiv class=\"cfo6-performance-value\"\u003e120 mph\u003c\/div\u003e\n                \u003cdiv class=\"cfo6-performance-label\"\u003eWind rating\u003c\/div\u003e\n                \u003cdiv class=\"cfo6-performance-copy\"\u003eHigher wind performance than many standard DIY kits.\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cfo6-compare\"\u003e\n              \u003cdiv class=\"cfo6-compare-head\"\u003e\n                \u003cdiv\u003eFeature\u003c\/div\u003e\n\u003cdiv\u003eThis carport\u003c\/div\u003e\n\u003cdiv\u003eTypical DIY kit\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"cfo6-compare-row\"\u003e\n                \u003cdiv\u003eSnow rating\u003c\/div\u003e\n\u003cdiv class=\"cfo6-good\"\u003e45 PSF\u003c\/div\u003e\n\u003cdiv\u003eAround 35 PSF\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"cfo6-compare-row\"\u003e\n                \u003cdiv\u003eWind rating\u003c\/div\u003e\n\u003cdiv class=\"cfo6-good\"\u003e120 mph\u003c\/div\u003e\n\u003cdiv\u003e90–100 mph\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"cfo6-compare-row\"\u003e\n                \u003cdiv\u003eStructural frame\u003c\/div\u003e\n\u003cdiv class=\"cfo6-good\"\u003e14 gauge\u003c\/div\u003e\n\u003cdiv\u003eOften lighter\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"cfo6-compare-row\"\u003e\n                \u003cdiv\u003eWarranty\u003c\/div\u003e\n\u003cdiv class=\"cfo6-good\"\u003e10 years\u003c\/div\u003e\n\u003cdiv\u003eVaries\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\n    \u003csection class=\"cfo6-item\" data-cfo6-item\u003e\n      \u003cdiv class=\"cfo6-head\" data-cfo6-toggle\u003e\n        \u003cdiv class=\"cfo6-title-wrap\"\u003e\n          \u003cspan class=\"cfo6-title-icon\"\u003e□\u003c\/span\u003e\n          \u003cspan class=\"cfo6-title\"\u003eWhat's Included\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cfo6-toggle\"\u003e⌄\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-body\"\u003e\n        \u003cdiv class=\"cfo6-body-inner\"\u003e\n          \u003cdiv class=\"cfo6-body-pad\"\u003e\n\n            \u003cdiv class=\"cfo6-included-grid\"\u003e\n\u003cdiv class=\"cfo6-included-card\"\u003e\n                \u003cspan class=\"cfo6-included-icon\"\u003e▦\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-included-title\"\u003eSteel frame components\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-included-copy\"\u003ePosts, rafters and purlins.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n\u003cdiv class=\"cfo6-included-card\"\u003e\n                \u003cspan class=\"cfo6-included-icon\"\u003e▱\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-included-title\"\u003eRoof panels\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-included-copy\"\u003e28-gauge galvanized steel sheets.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n\u003cdiv class=\"cfo6-included-card\"\u003e\n                \u003cspan class=\"cfo6-included-icon\"\u003e⌖\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-included-title\"\u003eDyna anchor bolts\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-included-copy\"\u003eFor suitable concrete installation.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n\u003cdiv class=\"cfo6-included-card\"\u003e\n                \u003cspan class=\"cfo6-included-icon\"\u003e⌁\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-included-title\"\u003eTrims \u0026amp; flashings\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-included-copy\"\u003eSupplied in black.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n\u003cdiv class=\"cfo6-included-card\"\u003e\n                \u003cspan class=\"cfo6-included-icon\"\u003e✦\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-included-title\"\u003eNuts, bolts \u0026amp; fixings\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-included-copy\"\u003eComplete assembly hardware kit.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n\u003cdiv class=\"cfo6-included-card\"\u003e\n                \u003cspan class=\"cfo6-included-icon\"\u003e≡\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-included-title\"\u003eAssembly instructions\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-included-copy\"\u003eIllustrated installation manual.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cfo6-note\"\u003e\n              Carton count, packed weight and pallet dimensions vary by product\n              length and should be updated for each individual product.\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"cfo6-item\" data-cfo6-item\u003e\n      \u003cdiv class=\"cfo6-head\" data-cfo6-toggle\u003e\n        \u003cdiv class=\"cfo6-title-wrap\"\u003e\n          \u003cspan class=\"cfo6-title-icon\"\u003e⌂\u003c\/span\u003e\n          \u003cspan class=\"cfo6-title\"\u003eBuilding Foundation Requirements\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cfo6-toggle\"\u003e⌄\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-body\"\u003e\n        \u003cdiv class=\"cfo6-body-inner\"\u003e\n          \u003cdiv class=\"cfo6-body-pad\"\u003e\n\n            \u003cdiv class=\"cfo6-foundation-grid\"\u003e\n              \u003cdiv class=\"cfo6-foundation-card\"\u003e\n                \u003cspan class=\"cfo6-check\"\u003e✓\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-foundation-title\"\u003eLevel concrete base\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-foundation-copy\"\u003e\n                    A level concrete slab or appropriately designed concrete piers\n                    provide the strongest long-term support.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-foundation-card\"\u003e\n                \u003cspan class=\"cfo6-check\"\u003e✓\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-foundation-title\"\u003eConcrete anchors included\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-foundation-copy\"\u003e\n                    High-strength Dyna bolts are supplied for suitable concrete installation.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-foundation-card cfo6-foundation-card-wide\"\u003e\n                \u003cspan class=\"cfo6-check\"\u003e✓\u003c\/span\u003e\n                \u003cdiv\u003e\n                  \u003ch4 class=\"cfo6-foundation-title\"\u003eAlternative ground installation\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-foundation-copy\"\u003e\n                    Ground spikes or rebar anchors may be used for suitable gravel\n                    or soil sites, subject to local conditions and installation requirements.\n                  \u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cfo6-note\"\u003e\n              The final foundation and anchoring design should suit the site conditions,\n              local wind and snow requirements, and applicable building regulations.\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\n            \u003csection class=\"cfo6-item\" data-cfo6-item\u003e\n      \u003cdiv class=\"cfo6-head\" data-cfo6-toggle\u003e\n        \u003cdiv class=\"cfo6-title-wrap\"\u003e\n          \u003cspan class=\"cfo6-title-icon\"\u003e↔\u003c\/span\u003e\n          \u003cspan class=\"cfo6-title\"\u003eExplore This Series\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cfo6-toggle\"\u003e⌄\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-body\"\u003e\n        \u003cdiv class=\"cfo6-body-inner\"\u003e\n          \u003cdiv class=\"cfo6-body-pad\"\u003e\n\n            \u003cdiv class=\"cfo6-series-v2\"\u003e\n              \u003cdiv class=\"cfo6-series-v2-intro\"\u003e\n                \u003cspan class=\"cfo6-series-v2-kicker\"\u003eExplore this series\u003c\/span\u003e\n                \u003ch4 class=\"cfo6-series-v2-title\"\u003eNeed a different length?\u003c\/h4\u003e\n                \u003cspan class=\"cfo6-series-v2-accent\"\u003e\u003c\/span\u003e\n                \u003cp class=\"cfo6-series-v2-copy\"\u003e\n                  Compare all available lengths in our 20 ft wide portable\n                  double carport range.\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-series-v2-options\"\u003e\n                \u003cdiv class=\"cfo6-series-v2-grid\" aria-label=\"Available lengths\"\u003e\n                                    \u003cspan\u003e20 ft\u003c\/span\u003e\n                  \u003cspan\u003e25 ft\u003c\/span\u003e\n                  \u003cspan class=\"cfo6-series-v2-current\"\u003e30 ft\u003c\/span\u003e\n                  \u003cspan\u003e35 ft\u003c\/span\u003e\n                  \u003cspan\u003e40 ft\u003c\/span\u003e\n                \u003c\/div\u003e\n\n                \u003ca class=\"cfo6-series-v2-link\" href=\"https:\/\/carportsfactoryoutlet.cahttps:\/\/carportsfactoryoutlet.ca\/collections\/double-carportss\"\u003e\n                  View All Sizes\n                  \u003cspan aria-hidden=\"true\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n\n                \u003cp class=\"cfo6-series-v2-helper\"\u003e\n                  Compare specifications and choose the length that best suits your project.\n                \u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"cfo6-note cfo6-series-v2-note\"\u003e\n              We recommend selecting the full required length when ordering\n              for the simplest installation.\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"cfo6-item\" data-cfo6-item\u003e\n      \u003cdiv class=\"cfo6-head\" data-cfo6-toggle\u003e\n        \u003cdiv class=\"cfo6-title-wrap\"\u003e\n          \u003cspan class=\"cfo6-title-icon\"\u003e▦\u003c\/span\u003e\n          \u003cspan class=\"cfo6-title\"\u003ePerfect for\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cfo6-toggle\"\u003e⌄\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-body\"\u003e\n        \u003cdiv class=\"cfo6-body-inner\"\u003e\n          \u003cdiv class=\"cfo6-body-pad\"\u003e\n            \u003cp class=\"cfo6-use-intro\"\u003e\n              Flexible covered space for vehicles, equipment and outdoor storage.\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"cfo6-use-grid\"\u003e\n\n              \u003cdiv class=\"cfo6-use-card\"\u003e\n                \u003cspan class=\"cfo6-use-icon\"\u003e\n                  \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003cpath d=\"M4 13l2-5h12l2 5\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M5 13h14v6H5z\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M7 19v2M17 19v2\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M7 13h10\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/span\u003e\n                \u003cdiv class=\"cfo6-use-content\"\u003e\n                  \u003ch4 class=\"cfo6-use-title\"\u003eCars and SUVs\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-use-copy\"\u003eReliable everyday coverage for cars, crossovers and SUVs.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-use-card\"\u003e\n                \u003cspan class=\"cfo6-use-icon\"\u003e\n                  \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003cpath d=\"M3 8h10v7H3z\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M13 10h4l3 3v2h-7z\"\u003e\u003c\/path\u003e\n                    \u003ccircle cx=\"7\" cy=\"17\" r=\"2\"\u003e\u003c\/circle\u003e\n                    \u003ccircle cx=\"17\" cy=\"17\" r=\"2\"\u003e\u003c\/circle\u003e\n                  \u003c\/svg\u003e\n                \u003c\/span\u003e\n                \u003cdiv class=\"cfo6-use-content\"\u003e\n                  \u003ch4 class=\"cfo6-use-title\"\u003ePickup trucks\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-use-copy\"\u003eGenerous protection for work, utility and family pickup trucks.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-use-card\"\u003e\n                \u003cspan class=\"cfo6-use-icon\"\u003e\n                  \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003crect x=\"3\" y=\"6\" width=\"14\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M17 12h4M21 10v4\"\u003e\u003c\/path\u003e\n                    \u003ccircle cx=\"8\" cy=\"18\" r=\"2\"\u003e\u003c\/circle\u003e\n                    \u003ccircle cx=\"16\" cy=\"18\" r=\"2\"\u003e\u003c\/circle\u003e\n                  \u003c\/svg\u003e\n                \u003c\/span\u003e\n                \u003cdiv class=\"cfo6-use-content\"\u003e\n                  \u003ch4 class=\"cfo6-use-title\"\u003eTrailers\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-use-copy\"\u003eIdeal coverage for utility, enclosed and cargo trailers.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-use-card\"\u003e\n                \u003cspan class=\"cfo6-use-icon\"\u003e\n                  \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003cpath d=\"M3 15h18\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M5 15l3-7h8l3 7\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M8 8l4-4 4 4\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M6 18c2-1 4-1 6 0s4 1 6 0\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/span\u003e\n                \u003cdiv class=\"cfo6-use-content\"\u003e\n                  \u003ch4 class=\"cfo6-use-title\"\u003eBoats\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-use-copy\"\u003eProtect boats and marine equipment from sun, snow and rain.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-use-card\"\u003e\n                \u003cspan class=\"cfo6-use-icon\"\u003e\n                  \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003ccircle cx=\"7\" cy=\"17\" r=\"3\"\u003e\u003c\/circle\u003e\n                    \u003ccircle cx=\"17\" cy=\"17\" r=\"3\"\u003e\u003c\/circle\u003e\n                    \u003cpath d=\"M7 14V8h7l3 6\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M10 8V5h4\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/span\u003e\n                \u003cdiv class=\"cfo6-use-content\"\u003e\n                  \u003ch4 class=\"cfo6-use-title\"\u003eEquipment\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-use-copy\"\u003eCovered storage for tractors, mowers and other machinery.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-use-card\"\u003e\n                \u003cspan class=\"cfo6-use-icon\"\u003e\n                  \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003cpath d=\"M3 11l9-7 9 7\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M5 10v10h14V10\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M9 20v-6h6v6\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M8 8h8\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/span\u003e\n                \u003cdiv class=\"cfo6-use-content\"\u003e\n                  \u003ch4 class=\"cfo6-use-title\"\u003eOutdoor storage\u003c\/h4\u003e\n                  \u003cp class=\"cfo6-use-copy\"\u003eExtra covered space for tools, firewood and outdoor gear.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"cfo6-item\" data-cfo6-item\u003e\n      \u003cdiv class=\"cfo6-head\" data-cfo6-toggle\u003e\n        \u003cdiv class=\"cfo6-title-wrap\"\u003e\n          \u003cspan class=\"cfo6-title-icon\"\u003e?\u003c\/span\u003e\n          \u003cspan class=\"cfo6-title\"\u003eFrequently asked questions\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"cfo6-toggle\"\u003e⌄\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfo6-body\"\u003e\n        \u003cdiv class=\"cfo6-body-inner\"\u003e\n          \u003cdiv class=\"cfo6-body-pad\"\u003e\n            \u003cdiv class=\"cfo6-faq-list\"\u003e\n              \u003cdiv class=\"cfo6-faq-item\"\u003e\n                \u003cbutton type=\"button\" class=\"cfo6-faq-question\" data-cfo6-faq-toggle\u003e\n                  Do I need a permit for a steel carport?\n                  \u003cspan class=\"cfo6-faq-icon\"\u003e+\u003c\/span\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"cfo6-faq-answer\"\u003e\n                  Permit requirements vary between municipalities. Check with your local building department before ordering or beginning installation.\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-faq-item\"\u003e\n                \u003cbutton type=\"button\" class=\"cfo6-faq-question\" data-cfo6-faq-toggle\u003e\n                  Can it be installed on gravel or dirt?\n                  \u003cspan class=\"cfo6-faq-icon\"\u003e+\u003c\/span\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"cfo6-faq-answer\"\u003e\n                  Yes, subject to a suitable foundation and anchoring system. Gravel, dirt or grass sites may require ground or rebar anchors.\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-faq-item\"\u003e\n                \u003cbutton type=\"button\" class=\"cfo6-faq-question\" data-cfo6-faq-toggle\u003e\n                  How long does assembly take?\n                  \u003cspan class=\"cfo6-faq-icon\"\u003e+\u003c\/span\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"cfo6-faq-answer\"\u003e\n                  Assembly time depends on site preparation, tools and experience. Many customers complete a single-vehicle kit over one or two days with at least two people.\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"cfo6-faq-item\"\u003e\n                \u003cbutton type=\"button\" class=\"cfo6-faq-question\" data-cfo6-faq-toggle\u003e\n                  Do you deliver outside major cities?\n                  \u003cspan class=\"cfo6-faq-icon\"\u003e+\u003c\/span\u003e\n                \u003c\/button\u003e\n                \u003cdiv class=\"cfo6-faq-answer\"\u003e\n                  Yes. Delivery is available across Canada. Remote and rural locations may incur additional freight charges.\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\n  \u003csection class=\"cfo6-cta\"\u003e\n    \u003ch3\u003eNeed help choosing the right size?\u003c\/h3\u003e\n    \u003cp\u003eSpeak with our team for product guidance, installation information or a delivery quote for your location.\u003c\/p\u003e\n    \u003cdiv class=\"cfo6-cta-actions\"\u003e\n      \u003ca class=\"cfo6-button cfo6-button-primary\" href=\"\/pages\/contact\"\u003eGet a shipping quote\u003c\/a\u003e\n      \u003ca class=\"cfo6-button cfo6-button-secondary\" href=\"\/pages\/installation-guide\"\u003eView installation guide\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  \"use strict\";\n\n  function handleAccordionClick(event) {\n    var toggle = event.target.closest(\"[data-cfo6-toggle]\");\n    if (!toggle) return;\n\n    var item = toggle.closest(\"[data-cfo6-item]\");\n    if (!item) return;\n\n    var list = item.closest(\".cfo6-list\");\n    var wasOpen = item.classList.contains(\"cfo6-open\");\n\n    if (list) {\n      list.querySelectorAll(\"[data-cfo6-item].cfo6-open\").forEach(function (openItem) {\n        openItem.classList.remove(\"cfo6-open\");\n      });\n    }\n\n    if (!wasOpen) {\n      item.classList.add(\"cfo6-open\");\n    }\n  }\n\n  function handleFaqClick(event) {\n    var button = event.target.closest(\"[data-cfo6-faq-toggle]\");\n    if (!button) return;\n\n    event.stopPropagation();\n\n    var faqItem = button.closest(\".cfo6-faq-item\");\n    if (!faqItem) return;\n\n    var faqList = faqItem.closest(\".cfo6-faq-list\");\n    var wasOpen = faqItem.classList.contains(\"cfo6-faq-open\");\n\n    if (faqList) {\n      faqList.querySelectorAll(\".cfo6-faq-item.cfo6-faq-open\").forEach(function (openFaq) {\n        openFaq.classList.remove(\"cfo6-faq-open\");\n      });\n    }\n\n    if (!wasOpen) {\n      faqItem.classList.add(\"cfo6-faq-open\");\n    }\n  }\n\n  if (!window.cfo6AccordionAttached) {\n    document.addEventListener(\"click\", handleAccordionClick);\n    document.addEventListener(\"click\", handleFaqClick);\n    window.cfo6AccordionAttached = true;\n  }\n})();\n\u003c\/script\u003e","brand":"Carports Factory Outlet","offers":[{"title":"Dark Grey \/ Not Required","offer_id":47782937952434,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey \/ Leg Braces","offer_id":47782937985202,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey \/ Roof Braces","offer_id":47782938017970,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true},{"title":"Cream \/ Not Required","offer_id":47782938050738,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true},{"title":"Cream \/ Leg Braces","offer_id":47782938083506,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true},{"title":"Cream \/ Roof Braces","offer_id":47782938116274,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true},{"title":"Green \/ Not Required","offer_id":47782938149042,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true},{"title":"Green \/ Leg Braces","offer_id":47782938181810,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true},{"title":"Green \/ Roof Braces","offer_id":47782938214578,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/6576\/9394\/files\/WhatsAppImage2026-07-30at21.39.49_1_4267783e-7911-4fd0-a067-67052a0b3998.jpg?v=1785552113","url":"https:\/\/carportsfactoryoutlet.ca\/products\/portable-steel-carport-20w-x-25l-x-129h-1","provider":"Carports Factory Outlet","version":"1.0","type":"link"}