{"product_id":"20-inch-smart-carry-on-usb-cup-holder","title":"20-Inch Smart Hardshell Carry-On with USB \u0026 Cup Holder","description":"\u003cstyle\u003e\n.smc20,\n.smc20 *{\n  box-sizing:border-box;\n}\n\n.smc20{\n  --wine:#6f2431;\n  --wine2:#8c3443;\n  --wine3:#ad5660;\n  --graphite:#24282d;\n  --charcoal:#343a40;\n  --champagne:#c8a478;\n  --sand:#f2e9dd;\n  --ice:#f3f6f7;\n  --white:#ffffff;\n  --ink:#2e3135;\n  --muted:#757b80;\n  --line:#dde2e5;\n\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:18px 8px 40px;\n  background:#ffffff;\n  color:var(--ink);\n  font-family:Arial,Helvetica,sans-serif;\n  line-height:1.6;\n}\n\n.smc20 svg{\n  display:block;\n  width:22px;\n  height:22px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\/* SMART CONSOLE *\/\n\n.smc20-console{\n  position:relative;\n  display:grid;\n  grid-template-columns:minmax(0,1fr) 210px;\n  gap:28px;\n  align-items:center;\n  padding:40px 38px;\n  overflow:hidden;\n  background:\n    linear-gradient(105deg,#ffffff 0 73%,#f5edef 73% 100%);\n  border-top:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n}\n\n.smc20-console:before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:0;\n  width:100%;\n  height:6px;\n  background:\n    linear-gradient(\n      90deg,\n      var(--wine) 0 38%,\n      var(--champagne) 38% 58%,\n      var(--graphite) 58% 100%\n    );\n}\n\n.smc20-console:after{\n  content:\"SMART\";\n  position:absolute;\n  right:20px;\n  bottom:-12px;\n  color:rgba(111,36,49,.045);\n  font-size:76px;\n  line-height:1;\n  font-weight:950;\n  letter-spacing:-5px;\n}\n\n.smc20-console-copy{\n  position:relative;\n  z-index:2;\n}\n\n.smc20-console-label{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  color:var(--wine);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.smc20-console-label:before{\n  content:\"\";\n  width:34px;\n  height:2px;\n  background:var(--wine);\n}\n\n.smc20-console h2{\n  max-width:790px;\n  margin:18px 0 13px!important;\n  color:#292b2f!important;\n  font-size:40px!important;\n  line-height:1.07!important;\n  font-weight:950!important;\n  letter-spacing:-.8px!important;\n}\n\n.smc20-console p{\n  max-width:750px;\n  margin:0!important;\n  color:var(--muted)!important;\n  font-size:14.1px!important;\n  line-height:1.72!important;\n}\n\n.smc20-console-unit{\n  position:relative;\n  z-index:2;\n  padding:22px 19px;\n  background:var(--graphite);\n  border-radius:18px 4px 18px 4px;\n}\n\n.smc20-console-unit,\n.smc20-console-unit *{\n  color:#ffffff!important;\n  -webkit-text-fill-color:#ffffff!important;\n}\n\n.smc20-console-unit small{\n  display:block;\n  color:#d7b183!important;\n  -webkit-text-fill-color:#d7b183!important;\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.smc20-console-unit strong{\n  display:block;\n  margin-top:5px;\n  font-size:41px;\n  line-height:1;\n  font-weight:950;\n}\n\n.smc20-console-unit span{\n  display:block;\n  margin-top:8px;\n  color:#bbc0c4!important;\n  -webkit-text-fill-color:#bbc0c4!important;\n  font-size:9.3px;\n  line-height:1.45;\n  font-weight:800;\n}\n\n.smc20-leds{\n  display:flex;\n  gap:6px;\n  margin-top:16px;\n}\n\n.smc20-leds i{\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:#636b71;\n}\n\n.smc20-leds i:nth-child(1){\n  background:var(--wine3);\n}\n\n.smc20-leds i:nth-child(2){\n  background:var(--champagne);\n}\n\n\/* QUICK DATA *\/\n\n.smc20-data{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:10px;\n  margin-top:22px;\n}\n\n.smc20-data-item{\n  min-width:0;\n  padding:15px;\n  background:#fff;\n  border:1px solid var(--line);\n}\n\n.smc20-data-item:nth-child(1){\n  border-bottom:4px solid var(--wine);\n}\n\n.smc20-data-item:nth-child(2){\n  border-bottom:4px solid var(--champagne);\n}\n\n.smc20-data-item:nth-child(3){\n  border-bottom:4px solid var(--graphite);\n}\n\n.smc20-data-item:nth-child(4){\n  border-bottom:4px solid #758089;\n}\n\n.smc20-data-item small{\n  display:block;\n  color:#92989c;\n  font-size:8.2px;\n  font-weight:900;\n  letter-spacing:.7px;\n  text-transform:uppercase;\n}\n\n.smc20-data-item strong{\n  display:block;\n  margin-top:4px;\n  color:#3b4044;\n  font-size:12.8px;\n  line-height:1.3;\n  font-weight:950;\n}\n\n\/* SMART DOCK *\/\n\n.smc20-dock{\n  margin-top:35px;\n}\n\n.smc20-dock-head{\n  display:grid;\n  grid-template-columns:90px minmax(0,1fr);\n  gap:18px;\n  align-items:center;\n  margin-bottom:18px;\n}\n\n.smc20-dock-number{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:84px;\n  height:84px;\n  border-radius:50%;\n  background:var(--wine);\n  color:#fff;\n  font-size:26px;\n  font-weight:950;\n  box-shadow:0 0 0 9px #f5eaec;\n}\n\n.smc20-dock-head small{\n  display:block;\n  color:var(--wine);\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n}\n\n.smc20-dock-head h3{\n  margin:4px 0 0!important;\n  color:#303438!important;\n  font-size:24px!important;\n  line-height:1.18!important;\n  font-weight:950!important;\n}\n\n.smc20-dock-track{\n  position:relative;\n  display:grid;\n  grid-template-columns:1fr 1fr 1fr;\n  gap:28px;\n  padding:20px 0 4px;\n}\n\n.smc20-dock-track:before{\n  content:\"\";\n  position:absolute;\n  left:12%;\n  right:12%;\n  top:48px;\n  height:2px;\n  background:\n    repeating-linear-gradient(\n      90deg,\n      #d6dade 0 12px,\n      transparent 12px 19px\n    );\n}\n\n.smc20-dock-node{\n  position:relative;\n  z-index:2;\n  text-align:center;\n}\n\n.smc20-dock-icon{\n  width:58px;\n  height:58px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin:0 auto 13px;\n  border:7px solid #fff;\n  border-radius:50%;\n  background:var(--wine);\n  color:#fff;\n  box-shadow:0 0 0 1px #d9dde0;\n}\n\n.smc20-dock-node:nth-child(2) .smc20-dock-icon{\n  background:var(--champagne);\n}\n\n.smc20-dock-node:nth-child(3) .smc20-dock-icon{\n  background:var(--graphite);\n}\n\n.smc20-dock-node strong{\n  display:block;\n  color:#3b4044;\n  font-size:13px;\n  font-weight:900;\n}\n\n.smc20-dock-node span{\n  display:block;\n  max-width:250px;\n  margin:4px auto 0;\n  color:#7b8185;\n  font-size:10.2px;\n  line-height:1.48;\n}\n\n\/* FRONT ACCESS *\/\n\n.smc20-access{\n  display:grid;\n  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);\n  gap:20px;\n  margin-top:34px;\n}\n\n.smc20-access-main{\n  position:relative;\n  padding:28px;\n  overflow:hidden;\n  background:var(--wine);\n  border-radius:0 26px 0 26px;\n}\n\n.smc20-access-main,\n.smc20-access-main *{\n  color:#fff!important;\n  -webkit-text-fill-color:#fff!important;\n}\n\n.smc20-access-main:after{\n  content:\"\";\n  position:absolute;\n  right:-55px;\n  top:-55px;\n  width:165px;\n  height:165px;\n  border:25px solid rgba(255,255,255,.055);\n  border-radius:50%;\n}\n\n.smc20-access-icon{\n  width:48px;\n  height:48px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:14px;\n  border-radius:13px;\n  background:#fff;\n  color:var(--wine)!important;\n  -webkit-text-fill-color:var(--wine)!important;\n}\n\n.smc20-access-icon svg{\n  color:var(--wine)!important;\n}\n\n.smc20-access-main small{\n  display:block;\n  color:#edc8cd!important;\n  -webkit-text-fill-color:#edc8cd!important;\n  font-size:8.8px;\n  font-weight:900;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n}\n\n.smc20-access-main h3{\n  max-width:590px;\n  margin:5px 0 0!important;\n  color:#fff!important;\n  -webkit-text-fill-color:#fff!important;\n  font-size:23px!important;\n  line-height:1.2!important;\n  font-weight:950!important;\n}\n\n.smc20-access-main p{\n  position:relative;\n  z-index:2;\n  max-width:650px;\n  margin:10px 0 0!important;\n  color:#f2dfe2!important;\n  -webkit-text-fill-color:#f2dfe2!important;\n  font-size:11.8px!important;\n  line-height:1.62!important;\n}\n\n.smc20-access-tags{\n  position:relative;\n  z-index:2;\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:15px;\n}\n\n.smc20-access-tags span{\n  padding:7px 9px;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.06);\n  color:#fff!important;\n  -webkit-text-fill-color:#fff!important;\n  font-size:9.2px;\n  font-weight:850;\n}\n\n.smc20-pocket-panel{\n  padding:25px 22px;\n  border-top:5px solid var(--champagne);\n  background:var(--sand);\n}\n\n.smc20-pocket-panel small{\n  display:block;\n  color:#89663e;\n  font-size:8.7px;\n  font-weight:900;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n}\n\n.smc20-pocket-panel strong{\n  display:block;\n  margin-top:5px;\n  color:#493d32;\n  font-size:21px;\n  line-height:1.18;\n  font-weight:950;\n}\n\n.smc20-pocket-panel p{\n  margin:9px 0 0!important;\n  color:#74695f!important;\n  font-size:11.5px!important;\n  line-height:1.6!important;\n}\n\n.smc20-pocket-count{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:8px;\n  margin-top:16px;\n}\n\n.smc20-pocket-count div{\n  padding:10px;\n  background:#fff;\n}\n\n.smc20-pocket-count b{\n  display:block;\n  color:#443a32;\n  font-size:14px;\n  font-weight:950;\n}\n\n.smc20-pocket-count span{\n  display:block;\n  color:#8b8178;\n  font-size:8px;\n  font-weight:800;\n  text-transform:uppercase;\n}\n\n\/* PACKING DRAWER *\/\n\n.smc20-packing{\n  display:grid;\n  grid-template-columns:220px minmax(0,1fr);\n  gap:21px;\n  margin-top:33px;\n  align-items:start;\n}\n\n.smc20-packing-title{\n  padding:24px 20px;\n  border-left:6px solid var(--wine);\n  background:var(--ice);\n}\n\n.smc20-packing-title-icon{\n  width:44px;\n  height:44px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:13px;\n  background:var(--graphite);\n  color:#fff;\n}\n\n.smc20-packing-title small{\n  display:block;\n  color:var(--wine);\n  font-size:8.7px;\n  font-weight:900;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n}\n\n.smc20-packing-title h3{\n  margin:5px 0 0!important;\n  color:#33383c!important;\n  font-size:20px!important;\n  line-height:1.2!important;\n  font-weight:950!important;\n}\n\n.smc20-packing-title p{\n  margin:8px 0 0!important;\n  color:#757b7f!important;\n  font-size:11.3px!important;\n  line-height:1.58!important;\n}\n\n.smc20-drawers{\n  display:grid;\n  gap:8px;\n}\n\n.smc20-drawer{\n  display:grid;\n  grid-template-columns:48px 170px minmax(0,1fr);\n  gap:12px;\n  align-items:center;\n  padding:13px 14px;\n  border:1px solid var(--line);\n  background:#fff;\n}\n\n.smc20-drawer:nth-child(2){\n  margin-left:22px;\n}\n\n.smc20-drawer:nth-child(3){\n  margin-left:44px;\n}\n\n.smc20-drawer-icon{\n  width:42px;\n  height:42px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:var(--ice);\n  color:var(--wine);\n}\n\n.smc20-drawer:nth-child(2) .smc20-drawer-icon{\n  background:var(--sand);\n  color:#8a633d;\n}\n\n.smc20-drawer:nth-child(3) .smc20-drawer-icon{\n  background:#ebedef;\n  color:var(--graphite);\n}\n\n.smc20-drawer strong{\n  color:#3b4044;\n  font-size:12.5px;\n  line-height:1.3;\n  font-weight:900;\n}\n\n.smc20-drawer span{\n  color:#7a8084;\n  font-size:10.2px;\n  line-height:1.48;\n}\n\n\/* MOBILITY *\/\n\n.smc20-move{\n  margin-top:35px;\n  padding-top:27px;\n  border-top:1px solid var(--line);\n}\n\n.smc20-move-head{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:18px;\n  margin-bottom:18px;\n}\n\n.smc20-move-head small{\n  display:block;\n  color:var(--wine);\n  font-size:8.8px;\n  font-weight:900;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n}\n\n.smc20-move-head h3{\n  margin:4px 0 0!important;\n  color:#303438!important;\n  font-size:22px!important;\n  line-height:1.2!important;\n  font-weight:950!important;\n}\n\n.smc20-wheel-display{\n  display:flex;\n  gap:5px;\n}\n\n.smc20-wheel-display i{\n  width:13px;\n  height:13px;\n  border:3px solid var(--wine);\n  border-radius:50%;\n}\n\n.smc20-move-lanes{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:12px;\n}\n\n.smc20-lane{\n  position:relative;\n  padding:20px 17px 18px;\n  overflow:hidden;\n  background:#fff;\n  border:1px solid var(--line);\n}\n\n.smc20-lane:before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:0;\n  width:7px;\n  height:100%;\n  background:var(--wine);\n}\n\n.smc20-lane:nth-child(2):before{\n  background:var(--champagne);\n}\n\n.smc20-lane:nth-child(3):before{\n  background:var(--graphite);\n}\n\n.smc20-lane-icon{\n  width:41px;\n  height:41px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin:0 0 10px 6px;\n  border-radius:50%;\n  background:#f2f3f4;\n  color:var(--graphite);\n}\n\n.smc20-lane strong{\n  display:block;\n  margin-left:6px;\n  color:#3a3f43;\n  font-size:12.8px;\n  font-weight:900;\n}\n\n.smc20-lane span{\n  display:block;\n  margin:4px 0 0 6px;\n  color:#7a8084;\n  font-size:10.1px;\n  line-height:1.47;\n}\n\n\/* MATERIAL *\/\n\n.smc20-build{\n  display:grid;\n  grid-template-columns:1.15fr .85fr;\n  gap:18px;\n  margin-top:31px;\n}\n\n.smc20-shell{\n  padding:24px;\n  background:var(--graphite);\n}\n\n.smc20-shell,\n.smc20-shell *{\n  color:#fff!important;\n  -webkit-text-fill-color:#fff!important;\n}\n\n.smc20-shell-icon{\n  width:43px;\n  height:43px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:12px;\n  background:var(--wine);\n}\n\n.smc20-shell small{\n  display:block;\n  color:#d5aab0!important;\n  -webkit-text-fill-color:#d5aab0!important;\n  font-size:8.7px;\n  font-weight:900;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n}\n\n.smc20-shell h4{\n  margin:5px 0 0!important;\n  color:#fff!important;\n  -webkit-text-fill-color:#fff!important;\n  font-size:19px!important;\n  line-height:1.2!important;\n  font-weight:950!important;\n}\n\n.smc20-shell p{\n  margin:8px 0 0!important;\n  color:#c5cacf!important;\n  -webkit-text-fill-color:#c5cacf!important;\n  font-size:11.7px!important;\n  line-height:1.6!important;\n}\n\n.smc20-shell-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:13px;\n}\n\n.smc20-shell-tags span{\n  padding:7px 9px;\n  border:1px solid rgba(255,255,255,.14);\n  background:rgba(255,255,255,.04);\n  color:#eceeef!important;\n  -webkit-text-fill-color:#eceeef!important;\n  font-size:9.1px;\n  font-weight:850;\n}\n\n.smc20-lock{\n  padding:24px;\n  border:1px solid var(--line);\n  background:#fff;\n}\n\n.smc20-lock-icon{\n  width:43px;\n  height:43px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:12px;\n  background:var(--champagne);\n  color:#fff;\n}\n\n.smc20-lock small{\n  display:block;\n  color:#8c693e;\n  font-size:8.7px;\n  font-weight:900;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n}\n\n.smc20-lock h4{\n  margin:5px 0 0!important;\n  color:#353a3e!important;\n  font-size:19px!important;\n  line-height:1.2!important;\n  font-weight:950!important;\n}\n\n.smc20-lock p{\n  margin:8px 0 0!important;\n  color:#747a7e!important;\n  font-size:11.7px!important;\n  line-height:1.6!important;\n}\n\n\/* CONTROL PANEL FAQ *\/\n\n.smc20-faq{\n  margin-top:37px;\n  padding:26px;\n  background:#f7f8f8;\n  border-top:5px solid var(--graphite);\n}\n\n.smc20-faq-head{\n  display:grid;\n  grid-template-columns:minmax(0,1fr) auto;\n  gap:20px;\n  align-items:end;\n  padding-bottom:15px;\n  border-bottom:1px solid #d8dddf;\n}\n\n.smc20-faq-head small{\n  display:block;\n  color:var(--wine);\n  font-size:8.8px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.smc20-faq-head h3{\n  margin:4px 0 0!important;\n  color:#303438!important;\n  font-size:22px!important;\n  line-height:1.2!important;\n  font-weight:950!important;\n}\n\n.smc20-control-lights{\n  display:flex;\n  align-items:center;\n  gap:6px;\n  padding:8px 10px;\n  background:var(--graphite);\n}\n\n.smc20-control-lights i{\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:#687077;\n}\n\n.smc20-control-lights i:nth-child(1){\n  background:var(--wine3);\n}\n\n.smc20-control-lights i:nth-child(2){\n  background:var(--champagne);\n}\n\n.smc20-faq-board{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:9px;\n  margin-top:15px;\n}\n\n.smc20-faq-item{\n  position:relative;\n  border:1px solid #d9dee0;\n  background:#fff;\n}\n\n.smc20-faq-item:first-child{\n  grid-column:1\/-1;\n}\n\n.smc20-faq-summary{\n  list-style:none;\n  display:grid;\n  grid-template-columns:48px minmax(0,1fr) 60px;\n  gap:10px;\n  align-items:center;\n  width:100%;\n  min-height:62px;\n  padding:10px 12px;\n  cursor:pointer;\n}\n\n.smc20-faq-summary::-webkit-details-marker{\n  display:none;\n}\n\n.smc20-faq-port{\n  width:42px;\n  height:42px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#edf0f1;\n  color:var(--graphite);\n  font-size:9px;\n  font-weight:950;\n  letter-spacing:.4px;\n}\n\n.smc20-faq-item:nth-child(2) .smc20-faq-port{\n  background:#f3e6e8;\n  color:var(--wine);\n}\n\n.smc20-faq-item:nth-child(3) .smc20-faq-port{\n  background:var(--sand);\n  color:#845e34;\n}\n\n.smc20-faq-item:nth-child(4) .smc20-faq-port{\n  background:#e8ecee;\n  color:#56636b;\n}\n\n.smc20-faq-item:nth-child(5) .smc20-faq-port{\n  background:#eceeef;\n  color:var(--graphite);\n}\n\n.smc20-faq-question{\n  min-width:0;\n  color:#393e42;\n  font-size:12.3px;\n  line-height:1.45;\n  font-weight:900;\n}\n\n.smc20-switch{\n  position:relative;\n  width:54px;\n  height:26px;\n  border-radius:30px;\n  background:#d7dcde;\n  transition:.25s ease;\n}\n\n.smc20-switch:before{\n  content:\"\";\n  position:absolute;\n  left:4px;\n  top:4px;\n  width:18px;\n  height:18px;\n  border-radius:50%;\n  background:#fff;\n  box-shadow:0 2px 5px rgba(0,0,0,.13);\n  transition:.25s ease;\n}\n\n.smc20-faq-item[open] .smc20-switch{\n  background:var(--wine);\n}\n\n.smc20-faq-item[open] .smc20-switch:before{\n  transform:translateX(28px);\n}\n\n.smc20-faq-answer{\n  padding:0 77px 15px 70px;\n  color:#747a7e;\n  font-size:11.8px;\n  line-height:1.64;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:900px){\n  .smc20-console,\n  .smc20-access,\n  .smc20-packing,\n  .smc20-build{\n    grid-template-columns:1fr;\n  }\n\n  .smc20-data{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .smc20-console-unit{\n    max-width:260px;\n  }\n}\n\n@media(max-width:650px){\n  .smc20{\n    padding:9px 6px 28px;\n  }\n\n  .smc20-console,\n  .smc20-access-main,\n  .smc20-pocket-panel,\n  .smc20-packing-title,\n  .smc20-shell,\n  .smc20-lock,\n  .smc20-faq{\n    padding:20px 14px;\n  }\n\n  .smc20-console{\n    background:#fff;\n  }\n\n  .smc20-console:after{\n    display:none;\n  }\n\n  .smc20-console h2{\n    font-size:28px!important;\n    line-height:1.15!important;\n  }\n\n  .smc20-console p{\n    font-size:13px!important;\n  }\n\n  .smc20-data,\n  .smc20-dock-track,\n  .smc20-move-lanes,\n  .smc20-faq-board{\n    grid-template-columns:1fr;\n  }\n\n  .smc20-dock-track{\n    gap:12px;\n  }\n\n  .smc20-dock-track:before{\n    display:none;\n  }\n\n  .smc20-dock-node{\n    text-align:left;\n    display:grid;\n    grid-template-columns:53px minmax(0,1fr);\n    gap:11px;\n    align-items:center;\n  }\n\n  .smc20-dock-icon{\n    margin:0;\n    width:50px;\n    height:50px;\n    border-width:5px;\n  }\n\n  .smc20-dock-node span{\n    margin:3px 0 0;\n    max-width:none;\n  }\n\n  .smc20-drawer,\n  .smc20-drawer:nth-child(2),\n  .smc20-drawer:nth-child(3){\n    grid-template-columns:42px minmax(0,1fr);\n    margin-left:0;\n  }\n\n  .smc20-drawer span{\n    grid-column:2;\n  }\n\n  .smc20-faq-item:first-child{\n    grid-column:auto;\n  }\n\n  .smc20-faq-head{\n    grid-template-columns:1fr;\n  }\n\n  .smc20-control-lights{\n    display:none;\n  }\n\n  .smc20-faq-summary{\n    grid-template-columns:38px minmax(0,1fr) 48px;\n    gap:8px;\n    padding:10px 8px;\n  }\n\n  .smc20-faq-port{\n    width:36px;\n    height:36px;\n    font-size:8px;\n  }\n\n  .smc20-switch{\n    width:44px;\n    height:24px;\n  }\n\n  .smc20-switch:before{\n    width:16px;\n    height:16px;\n  }\n\n  .smc20-faq-item[open] .smc20-switch:before{\n    transform:translateX(20px);\n  }\n\n  .smc20-faq-question{\n    font-size:11.8px;\n  }\n\n  .smc20-faq-answer{\n    padding:0 12px 14px 54px;\n    font-size:11.5px;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"smc20\"\u003e\n\n  \u003csection class=\"smc20-console\"\u003e\n\n    \u003cdiv class=\"smc20-console-copy\"\u003e\n\n      \u003cdiv class=\"smc20-console-label\"\u003e\n        Smart Carry-On Travel Console\n      \u003c\/div\u003e\n\n      \u003ch2\u003eCarry-On Storage with Travel Convenience Built into the Suitcase\u003c\/h2\u003e\n\n      \u003cp\u003e\n        A 20-inch hardshell carry-on that combines front-access organization\n        with a built-in cup holder, phone support, external USB port and silent\n        spinner mobility for more convenient airport and business travel.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003caside class=\"smc20-console-unit\"\u003e\n      \u003csmall\u003eTravel System\u003c\/small\u003e\n      \u003cstrong\u003e20\"\u003c\/strong\u003e\n      \u003cspan\u003e\n        Wine Red\u003cbr\u003e\n        Smart Hardshell Carry-On\n      \u003c\/span\u003e\n\n      \u003cdiv class=\"smc20-leds\"\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n      \u003c\/div\u003e\n    \u003c\/aside\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"smc20-data\"\u003e\n\n    \u003cdiv class=\"smc20-data-item\"\u003e\n      \u003csmall\u003eListed Size\u003c\/small\u003e\n      \u003cstrong\u003e20 Inches\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"smc20-data-item\"\u003e\n      \u003csmall\u003eDimensions\u003c\/small\u003e\n      \u003cstrong\u003e14.2 × 9.1 × 22 In\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"smc20-data-item\"\u003e\n      \u003csmall\u003eWheel System\u003c\/small\u003e\n      \u003cstrong\u003e4 Spinner Wheels\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"smc20-data-item\"\u003e\n      \u003csmall\u003eColor\u003c\/small\u003e\n      \u003cstrong\u003eWine Red\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"smc20-dock\"\u003e\n\n    \u003cdiv class=\"smc20-dock-head\"\u003e\n\n      \u003cdiv class=\"smc20-dock-number\"\u003e3\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eIntegrated Travel Dock\u003c\/small\u003e\n        \u003ch3\u003eThree Convenience Features Positioned Outside the Main Packing Space\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"smc20-dock-track\"\u003e\n\n      \u003cdiv class=\"smc20-dock-node\"\u003e\n\n        \u003cdiv class=\"smc20-dock-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M7 5h10l-1 14H8z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 8h6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eBuilt-In Cup Holder\u003c\/strong\u003e\n          \u003cspan\u003e\n            Provides a dedicated place for a beverage while moving through terminals.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smc20-dock-node\"\u003e\n\n        \u003cdiv class=\"smc20-dock-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003crect x=\"7\" y=\"3\" width=\"10\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M10 18h4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003ePhone Holder\u003c\/strong\u003e\n          \u003cspan\u003e\n            Supports convenient phone placement while waiting or navigating travel spaces.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smc20-dock-node\"\u003e\n\n        \u003cdiv class=\"smc20-dock-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M8 7v5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M16 7v5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 12h12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 12v7\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003eExternal USB Port\u003c\/strong\u003e\n          \u003cspan\u003e\n            Provides an external charging connection for compatible mobile devices.\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"smc20-access\"\u003e\n\n    \u003cdiv class=\"smc20-access-main\"\u003e\n\n      \u003cdiv class=\"smc20-access-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003crect x=\"5\" y=\"6\" width=\"14\" height=\"10\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M3 19h18\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n\n      \u003csmall\u003eFront-Opening Smart Storage\u003c\/small\u003e\n\n      \u003ch3\u003eReach Your Laptop, Passport and Electronics without Opening the Entire Suitcase\u003c\/h3\u003e\n\n      \u003cp\u003e\n        The front-opening section gives quick access to a dedicated laptop area\n        and organized mesh storage while allowing clothing to remain inside the\n        main packing compartment.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"smc20-access-tags\"\u003e\n        \u003cspan\u003eLaptop Compartment\u003c\/span\u003e\n        \u003cspan\u003eFront Opening\u003c\/span\u003e\n        \u003cspan\u003eMesh Organization\u003c\/span\u003e\n        \u003cspan\u003eQuick Access\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003caside class=\"smc20-pocket-panel\"\u003e\n\n      \u003csmall\u003eStorage Layout\u003c\/small\u003e\n      \u003cstrong\u003eQuick Access + Main Packing\u003c\/strong\u003e\n\n      \u003cp\u003e\n        The structured product details list four pockets, giving smaller travel\n        items multiple designated storage points.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"smc20-pocket-count\"\u003e\n\n        \u003cdiv\u003e\n          \u003cb\u003e4\u003c\/b\u003e\n          \u003cspan\u003eListed Pockets\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cb\u003e1\u003c\/b\u003e\n          \u003cspan\u003eMain Section\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/aside\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"smc20-packing\"\u003e\n\n    \u003caside class=\"smc20-packing-title\"\u003e\n\n      \u003cdiv class=\"smc20-packing-title-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M4 5h16v14H4z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 5v14\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n\n      \u003csmall\u003ePacking Drawer\u003c\/small\u003e\n\n      \u003ch3\u003eKeep Travel Essentials Easier to Find\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Front access and internal pockets reduce the need to search through the\n        entire suitcase for frequently used items.\n      \u003c\/p\u003e\n\n    \u003c\/aside\u003e\n\n    \u003cdiv class=\"smc20-drawers\"\u003e\n\n      \u003cdiv class=\"smc20-drawer\"\u003e\n\n        \u003cdiv class=\"smc20-drawer-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003crect x=\"5\" y=\"6\" width=\"14\" height=\"10\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M3 19h18\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eLaptop \u0026amp; Electronics\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Dedicated front-access storage keeps work technology easier to reach.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smc20-drawer\"\u003e\n\n        \u003cdiv class=\"smc20-drawer-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 7h14v12H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 11h8M8 15h5\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cstrong\u003ePassports \u0026amp; Chargers\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Mesh organization provides visible storage for smaller travel accessories.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smc20-drawer\"\u003e\n\n        \u003cdiv class=\"smc20-drawer-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 5h14v14H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 8h8M8 12h8M8 16h8\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eMain Garment Storage\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Clothing remains in the main suitcase area while quick-access items stay separate.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"smc20-move\"\u003e\n\n    \u003cdiv class=\"smc20-move-head\"\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eNavigation System\u003c\/small\u003e\n        \u003ch3\u003eQuiet 360° Mobility for Crowded Travel Spaces\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smc20-wheel-display\"\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"smc20-move-lanes\"\u003e\n\n      \u003cdiv class=\"smc20-lane\"\u003e\n\n        \u003cdiv class=\"smc20-lane-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003ccircle cx=\"8\" cy=\"17\" r=\"3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"16\" cy=\"17\" r=\"3\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e4 Spinner Wheels\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Multidirectional wheel movement supports easier maneuvering through terminals.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smc20-lane\"\u003e\n\n        \u003cdiv class=\"smc20-lane-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M8 20V5h8v15\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M10 5V2h4v3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eAdjustable Telescopic Handle\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Extendable handle provides a practical rolling position while traveling.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smc20-lane\"\u003e\n\n        \u003cdiv class=\"smc20-lane-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 8h14v11H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 8V5h10v3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cstrong\u003eTop \u0026amp; Side Handles\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Multiple carry points provide added flexibility when lifting the suitcase.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"smc20-build\"\u003e\n\n    \u003cdiv class=\"smc20-shell\"\u003e\n\n      \u003cdiv class=\"smc20-shell-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M5 4h14v16H5z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 8h8M8 12h8M8 16h8\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n\n      \u003csmall\u003eHard-Shell Construction\u003c\/small\u003e\n\n      \u003ch4\u003eLightweight ABS + Polycarbonate Travel Shell\u003c\/h4\u003e\n\n      \u003cp\u003e\n        The structured product details list ABS and polycarbonate materials,\n        while the product description highlights a layered composite PC exterior\n        designed to resist scratches and routine travel impact.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"smc20-shell-tags\"\u003e\n        \u003cspan\u003eABS + PC\u003c\/span\u003e\n        \u003cspan\u003eHard Shell\u003c\/span\u003e\n        \u003cspan\u003eScratch Resistant\u003c\/span\u003e\n        \u003cspan\u003eWater Resistant\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003caside class=\"smc20-lock\"\u003e\n\n      \u003cdiv class=\"smc20-lock-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003crect x=\"6\" y=\"9\" width=\"12\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M9 9V6a3 3 0 0 1 6 0v3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n\n      \u003csmall\u003eTravel Security\u003c\/small\u003e\n\n      \u003ch4\u003eBuilt-In Combination Lock\u003c\/h4\u003e\n\n      \u003cp\u003e\n        A combination locking system is integrated into the suitcase for\n        convenient luggage security without relying on a loose external lock.\n      \u003c\/p\u003e\n\n    \u003c\/aside\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003csection class=\"smc20-faq\"\u003e\n\n    \u003cdiv class=\"smc20-faq-head\"\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eSmart Travel Control Panel\u003c\/small\u003e\n        \u003ch3\u003eProduct Questions \u0026amp; Travel Functions\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smc20-control-lights\"\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"smc20-faq-board\"\u003e\n\n      \u003cdetails class=\"smc20-faq-item\" open\u003e\n\n        \u003csummary class=\"smc20-faq-summary\"\u003e\n          \u003cspan class=\"smc20-faq-port\"\u003eUSB\u003c\/span\u003e\n\n          \u003cspan class=\"smc20-faq-question\"\u003e\n            Does the suitcase have an external USB charging port?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"smc20-switch\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"smc20-faq-answer\"\u003e\n          Yes. An external USB port is built into the suitcase to provide a\n          convenient charging connection for compatible mobile devices while traveling.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails class=\"smc20-faq-item\"\u003e\n\n        \u003csummary class=\"smc20-faq-summary\"\u003e\n          \u003cspan class=\"smc20-faq-port\"\u003eCUP\u003c\/span\u003e\n\n          \u003cspan class=\"smc20-faq-question\"\u003e\n            Is a cup holder built into the luggage?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"smc20-switch\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"smc20-faq-answer\"\u003e\n          Yes. The suitcase includes an integrated cup holder designed to keep\n          a beverage supported while you move through travel spaces.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails class=\"smc20-faq-item\"\u003e\n\n        \u003csummary class=\"smc20-faq-summary\"\u003e\n          \u003cspan class=\"smc20-faq-port\"\u003ePC\u003c\/span\u003e\n\n          \u003cspan class=\"smc20-faq-question\"\u003e\n            Does it provide quick access to a laptop?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"smc20-switch\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"smc20-faq-answer\"\u003e\n          Yes. The front-opening storage area includes a dedicated laptop\n          compartment and mesh organization for electronics and smaller essentials.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails class=\"smc20-faq-item\"\u003e\n\n        \u003csummary class=\"smc20-faq-summary\"\u003e\n          \u003cspan class=\"smc20-faq-port\"\u003e360\u003c\/span\u003e\n\n          \u003cspan class=\"smc20-faq-question\"\u003e\n            What type of wheels does the suitcase use?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"smc20-switch\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"smc20-faq-answer\"\u003e\n          The suitcase uses four spinner wheels designed for smooth\n          multidirectional movement and reduced rolling noise.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails class=\"smc20-faq-item\"\u003e\n\n        \u003csummary class=\"smc20-faq-summary\"\u003e\n          \u003cspan class=\"smc20-faq-port\"\u003eLOCK\u003c\/span\u003e\n\n          \u003cspan class=\"smc20-faq-question\"\u003e\n            Does the suitcase include a combination lock?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"smc20-switch\"\u003e\u003c\/span\u003e\n        \u003c\/summary\u003e\n\n        \u003cdiv class=\"smc20-faq-answer\"\u003e\n          Yes. A combination lock is integrated into the luggage for convenient\n          travel security.\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/section\u003e","brand":"PulinGO","offers":[{"title":"Wine Red \/ 20 inches","offer_id":45518496497840,"sku":"B0GRGLJL8S","price":112.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0664\/8319\/1984\/files\/81HxD87ehqL._AC_SL1500.jpg?v=1786714851","url":"https:\/\/www.pulingo.com\/products\/20-inch-smart-carry-on-usb-cup-holder","provider":"PulinGO","version":"1.0","type":"link"}