{"product_id":"portable-ramp-lightweight-easy-assemble","title":"Wheelchair Ramp with Non-Slip Surface for Door Steps","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eSmooth Accessibility Transition – Designed to bridge small height differences at doorways, steps, and curbs, improving everyday mobility and ease of access.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eNon-Slip Surface Design – Textured surface helps enhance grip and stability, providing added confidence during use.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eStrong \u0026amp; Reliable Construction – Built to support wheelchairs, mobility scooters, walkers, and similar mobility aids.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eLow-Profile \u0026amp; Practical – Clean, simple design blends naturally into home or commercial environments without obstruction.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eVersatile Indoor \u0026amp; Outdoor Use – Suitable for entryways, garages, porches, offices, and other areas requiring safer access.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n  \/* 外层：让表格在极窄屏也不会撑爆（兜底：可横向滚动） *\/\n  .responsive-table-wrap{\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  \/* 表格基础样式 *\/\n  table.rt-table{\n    width: 100%;\n    min-width: 250px;           \/* PC端看起来舒服；手机端会被下面的规则改成卡片 *\/\n    border-collapse: separate;\n    border-spacing: 0;\n    background: #fff;\n  }\n.rt-table th,\n.rt-table td{\n  border: 1px solid #d9d9d9;\n  padding: 12px 14px;\n  font-size: 14px;\n  text-align: left;\n  vertical-align: middle;\n  white-space: normal;        \/* ✅ PC 端允许换行 *\/\n  word-break: break-word;     \/* 防止长单词撑爆 *\/\n}\n\n  \/* 表头橙色 *\/\n  .rt-table thead th{\n    background: #e87700;\n    color: #fff;\n    font-weight: 700;\n  }\n\n  \/* 让边框更像截图那种“格子” *\/\n  .rt-table thead th:first-child { border-top-left-radius: 4px; }\n  .rt-table thead th:last-child  { border-top-right-radius: 4px; }\n\n  \/* ====== 手机自适应：把每一行变成卡片 ====== *\/\n  @media (max-width: 700px){\n    table.rt-table{\n      min-width: 0;             \/* 取消最小宽度 *\/\n    }\n\n    .rt-table thead{\n      display: none;            \/* 手机隐藏表头 *\/\n    }\n\n    .rt-table, .rt-table tbody, .rt-table tr, .rt-table td{\n      display: block;\n      width: 100%;\n    }\n\n    .rt-table tr{\n      margin: 10px 0;\n      border: 1px solid #d9d9d9;\n      border-radius: 8px;\n      overflow: hidden;\n      background: #fff;\n    }\n\n    .rt-table td{\n      border: none;\n      border-bottom: 1px solid #eee;\n      white-space: normal;      \/* 手机允许换行 *\/\n      display: flex;\n      gap: 10px;\n      justify-content: space-between;\n    }\n\n    .rt-table td:last-child{\n      border-bottom: none;\n    }\n\n    \/* 左侧显示字段名（来自 data-label） *\/\n    .rt-table td::before{\n      content: attr(data-label);\n      font-weight: 700;\n      color: #333;\n      flex: 0 0 40%;\n      max-width: 40%;\n    }\n\n    \/* 右侧内容 *\/\n    .rt-table td .cell{\n      flex: 1;\n      text-align: right;\n      color: #111;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"responsive-table-wrap\"\u003e\n\u003ctable class=\"rt-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWidth\u003c\/th\u003e\n\u003cth\u003eChannel width\u003c\/th\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eDrawing\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Size\"\u003e\u003cspan class=\"cell\"\u003e24 Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"cell\"\u003e28 ³\/₄ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Channel width\"\u003e\u003cspan class=\"cell\"\u003e26 ³\/₄ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"cell\"\u003e3 Inch Max\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"cell\"\u003e10.0 LBS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Drawing\"\u003e\n\u003cp class=\"mobile-pdf-link\"\u003e\u003ca href=\"https:\/\/www.dropbox.com\/scl\/fi\/8ou8xqhc3no5rvxopmacs\/DH-BTR-2-inch.pdf?rlkey=vrocu9w4icw2vgdp4g79t0r2u\u0026amp;st=spn518g4\u0026amp;raw=1\" target=\"_blank\"\u003e 📄 PDF \u003c\/a\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Size\"\u003e\u003cspan class=\"cell\"\u003e36 Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"cell\"\u003e28 ³\/₄ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Channel width\"\u003e\u003cspan class=\"cell\"\u003e26 ³\/₄ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"cell\"\u003e6 Inch Max\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"cell\"\u003e27.0 LBS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Drawing\"\u003e\n\u003cp class=\"mobile-pdf-link\"\u003e\u003ca href=\"https:\/\/www.dropbox.com\/scl\/fi\/52qoacdksuf4b1jyo3mc6\/DH-BTR-3-inch.pdf?rlkey=wrq1s6iqy5oh8sy4gn4xigfoh\u0026amp;st=x86kl4a1\u0026amp;raw=1\" target=\"_blank\"\u003e 📄 PDF \u003c\/a\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Size\"\u003e\u003cspan class=\"cell\"\u003e48 Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"cell\"\u003e28 ³\/₄ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Channel width\"\u003e\u003cspan class=\"cell\"\u003e26 ⁹\/₁₆ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"cell\"\u003e8 Inch Max\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"cell\"\u003e34.0 LBS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Drawing\"\u003e\n\u003cp class=\"mobile-pdf-link\"\u003e\u003ca href=\"https:\/\/www.dropbox.com\/scl\/fi\/j9bg52d2csz39mft2jlv1\/DH-BTR-4-inch.pdf?rlkey=jtd6uslmc4f29vmq6s60qzt0a\u0026amp;st=2ri1u6t3\u0026amp;raw=1\" target=\"_blank\"\u003e 📄 PDF \u003c\/a\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n.video-wrap {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  font-family: Arial, sans-serif;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* ===== 主播放器 ===== *\/\n.video-player {\n  flex: 2;\n  min-width: 320px;\n  background: #000;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n  position: relative;\n}\n\n#player {\n  width: 100%;\n  height: 520px;\n}\n\n\/* ===== 控制按钮 ===== *\/\n.controls {\n  position: absolute;\n  bottom: 12px;\n  left: 12px;\n  display: flex;\n  gap: 10px;\n  z-index: 10;\n}\n\n.controls button {\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.2);\n  padding: 8px 12px;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 14px;\n}\n\n\/* ===== 视频列表 ===== *\/\n.video-list {\n  flex: 1;\n  min-width: 280px;\n  background: #111;\n  border-radius: 16px;\n  padding: 12px;\n\n  display: flex;\n  flex-direction: row;\n  overflow-x: auto;\n  gap: 10px;\n}\n\n.video-item {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 12px;\n  transition: 0.25s;\n  background: #1c1c1c;\n  border: 1px solid transparent;\n  min-width: 160px;\n}\n\n.video-item:hover {\n  transform: translateY(-2px);\n  background: #2a2a2a;\n}\n\n.video-item.active {\n  border: 1px solid #ff3b3b;\n  background: #222;\n}\n\n.video-item img {\n  width: 100%;\n  height: 90px;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.video-title {\n  font-size: 14px;\n  color: #fff;\n  line-height: 1.4;\n  text-align: center;\n}\n\n\/* =========================\n   📱 手机端优化\n========================= *\/\n@media (max-width: 768px) {\n  .video-wrap {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .video-player {\n    width: 100vw;\n    margin-left: -16px;\n    border-radius: 0;\n  }\n\n  #player {\n    width: 100vw;\n    height: calc(100vw * 9 \/ 16);\n  }\n\n  .controls {\n    display: none;\n  }\n\n  \/* 手机端横向滑动列表，隐藏滚动条 *\/\n  .video-list {\n    flex-direction: row;\n    overflow-x: auto;\n    gap: 10px;\n    padding: 10px;\n    scrollbar-width: none; \/* Firefox 隐藏滚动条 *\/\n  }\n\n  .video-list::-webkit-scrollbar {\n    display: none; \/* Chrome\/Safari 隐藏滚动条 *\/\n  }\n\n  .video-item {\n    min-width: 160px;\n  }\n\n  .video-item img {\n    height: 120px;\n  }\n\n  .video-title {\n    font-size: 13px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"video-wrap\"\u003e\n\u003c!-- 主播放器 --\u003e\n\u003cdiv class=\"video-player\"\u003e\n\u003cdiv id=\"player\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"controls\"\u003e\n\u003cbutton id=\"prevBtn\"\u003e⟵ Prev\u003c\/button\u003e \u003cbutton id=\"nextBtn\"\u003eNext ⟶\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 视频列表 --\u003e\n\u003cdiv class=\"video-list\"\u003e\n\u003cdiv class=\"video-item active\" data-index=\"0\"\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/KE3H5cK3BH4\/hqdefault.jpg\"\u003e\n\u003cdiv class=\"video-title\"\u003enstallation and Application\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-item\" data-index=\"1\"\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/JF6O_OjaKuo\/hqdefault.jpg\"\u003e\n\u003cdiv class=\"video-title\"\u003eOutdoor Ground Protection Mats for Events\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/www.youtube.com\/iframe_api\"\u003e\u003c\/script\u003e \u003cscript\u003e\nconst videos = [\"KE3H5cK3BH4\", \"JF6O_OjaKuo\"];\nlet player;\nlet currentIndex = 0;\nlet isReady = false;\n\nfunction onYouTubeIframeAPIReady() {\n  player = new YT.Player('player', {\n    videoId: videos[0],\n    playerVars: { autoplay: 1, controls: 1, rel: 0 },\n    events: { onReady: () =\u003e { isReady = true; }, onStateChange: onPlayerStateChange }\n  });\n}\n\nfunction onPlayerStateChange(event) {\n  if (event.data === YT.PlayerState.ENDED) nextVideo();\n}\n\nfunction playVideo(index) {\n  if (!player || !isReady) return;\n  currentIndex = index;\n  player.loadVideoById(videos[index]);\n  updateActive();\n}\n\nfunction nextVideo() {\n  if (!player || !isReady) return;\n  currentIndex = (currentIndex + 1) % videos.length;\n  player.loadVideoById(videos[currentIndex]);\n  updateActive();\n}\n\nfunction prevVideo() {\n  if (!player || !isReady) return;\n  currentIndex = (currentIndex - 1 + videos.length) % videos.length;\n  player.loadVideoById(videos[currentIndex]);\n  updateActive();\n}\n\nfunction updateActive() {\n  document.querySelectorAll(\".video-item\").forEach((el, i) =\u003e {\n    el.classList.toggle(\"active\", i === currentIndex);\n  });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.getElementById(\"nextBtn\").addEventListener(\"click\", nextVideo);\n  document.getElementById(\"prevBtn\").addEventListener(\"click\", prevVideo);\n\n  document.querySelectorAll(\".video-item\").forEach((item) =\u003e {\n    item.addEventListener(\"click\", function () {\n      playVideo(parseInt(this.dataset.index));\n    });\n  });\n});\n\u003c\/script\u003e\u003c\/p\u003e","brand":"OranLite","offers":[{"title":"2Ft Length X 3Inch Height","offer_id":50752452722992,"sku":"DH-BTR-2","price":40.98,"currency_code":"USD","in_stock":true},{"title":"3Ft Length X 6Inch Height","offer_id":50752452755760,"sku":"DH-BTR-3","price":68.81,"currency_code":"USD","in_stock":true},{"title":"4Ft Length X 8Inch Height","offer_id":50752452788528,"sku":"DH-BTR-4","price":81.76,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0839\/3690\/3472\/files\/DH-BTR-4-1.jpg?v=1770683225","url":"https:\/\/www.oranlite.com\/products\/portable-ramp-lightweight-easy-assemble","provider":"OranLite","version":"1.0","type":"link"}