{"product_id":"360-rotating-foldable-bike-motorcycle-cup-holder","title":"360° Rotating Foldable Bike \u0026 Motorcycle Cup Holder – Adjustable Bottle Cage","description":"\u003cstyle\u003e\n  .tessvio-rotating-cup-holder-v2 {\n    width: 100%;\n    max-width: 780px;\n    min-width: 0;\n    margin: 0 auto;\n    padding: 16px 0 30px;\n    overflow: hidden;\n\n    font-family: inherit;\n    font-size: 15px;\n    line-height: 1.7;\n    color: #363b40;\n\n    --black: #24272b;\n    --black2: #34383d;\n    --gray: #737b82;\n    --gray-soft: #f1f3f4;\n\n    --orange: #ff8b42;\n    --orange-soft: #fff0e5;\n\n    --blue: #3d98e8;\n    --blue-soft: #edf6fe;\n\n    --green: #6aaa70;\n    --green-soft: #eef6ed;\n\n    --yellow: #f1c94f;\n    --yellow-soft: #fff8d7;\n\n    --white: #ffffff;\n    --text: #363b40;\n    --muted: #737980;\n    --line: #dfe3e6;\n  }\n\n  .tessvio-rotating-cup-holder-v2,\n  .tessvio-rotating-cup-holder-v2 *,\n  .tessvio-rotating-cup-holder-v2 *::before,\n  .tessvio-rotating-cup-holder-v2 *::after {\n    box-sizing: border-box;\n  }\n\n  .tessvio-rotating-cup-holder-v2 h2,\n  .tessvio-rotating-cup-holder-v2 h3,\n  .tessvio-rotating-cup-holder-v2 p {\n    padding: 0;\n    text-transform: none;\n  }\n\n  .tessvio-rotating-cup-holder-v2 h2 {\n    margin: 10px 0 15px;\n    font-size: 33px;\n    line-height: 1.04;\n    letter-spacing: -1px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 h3 {\n    margin: 0 0 9px;\n    font-size: 21px;\n    line-height: 1.3;\n  }\n\n  .tessvio-rotating-cup-holder-v2 p {\n    margin: 0 0 12px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 p:last-child {\n    margin-bottom: 0;\n  }\n\n  .tessvio-rotating-cup-holder-v2 ul {\n    margin: 0;\n    padding-left: 20px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 li {\n    margin-bottom: 8px;\n  }\n\n\n  \/* =========================\n     MOTION\n  ========================= *\/\n\n  @keyframes trc-float {\n    0%,100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-4px);\n    }\n  }\n\n  @keyframes trc-rotate {\n    0%,100% {\n      transform: rotate(-3deg);\n    }\n\n    50% {\n      transform: rotate(3deg);\n    }\n  }\n\n  @keyframes trc-shine {\n    0% {\n      transform: translateX(-160%) skewX(-15deg);\n      opacity: 0;\n    }\n\n    20% {\n      opacity: .38;\n    }\n\n    100% {\n      transform: translateX(300%) skewX(-15deg);\n      opacity: 0;\n    }\n  }\n\n\n  \/* =========================\n     TOP LINE\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-topline {\n    width: 100%;\n    height: 5px;\n    margin-bottom: 12px;\n\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--orange),\n        var(--yellow),\n        var(--blue),\n        var(--green),\n        var(--orange)\n      );\n  }\n\n\n  \/* =========================\n     HERO\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-hero {\n    position: relative;\n    overflow: hidden;\n\n    padding: 59px 24px 51px;\n\n    border: 2px solid var(--black);\n    border-radius: 22px;\n\n    background:\n      radial-gradient(\n        circle at 11% 18%,\n        rgba(255,139,66,.18),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 89% 18%,\n        rgba(61,152,232,.15),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 80% 84%,\n        rgba(106,170,112,.12),\n        transparent 24%\n      ),\n      #ffffff;\n\n    box-shadow:\n      7px 7px 0 var(--orange);\n\n    text-align: center;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-hero::before {\n    content: \"MOUNT • ROTATE • DRINK • FOLD\";\n    position: absolute;\n    top: 14px;\n    left: 0;\n    width: 100%;\n\n    color: rgba(36,39,43,.16);\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-hero::after {\n    content: \"360°\";\n    position: absolute;\n    right: 7px;\n    bottom: -24px;\n\n    color: rgba(36,39,43,.045);\n\n    font-size: 72px;\n    font-weight: 900;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-shine {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 72px;\n    height: 100%;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.9),\n        transparent\n      );\n\n    animation: trc-shine 7s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-icon {\n    position: relative;\n    z-index: 2;\n\n    display: inline-block;\n    margin-bottom: 8px;\n\n    font-size: 49px;\n\n    animation: trc-rotate 3s ease-in-out infinite;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-pill {\n    position: relative;\n    z-index: 2;\n\n    display: inline-block;\n\n    padding: 7px 13px;\n\n    border: 2px solid var(--black);\n    border-radius: 999px;\n\n    background: var(--blue);\n    color: #fff;\n\n    box-shadow:\n      3px 3px 0 var(--yellow);\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: .9px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-hero h2 {\n    position: relative;\n    z-index: 2;\n\n    color: var(--black);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-hero h2 span {\n    color: var(--orange);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-hero p {\n    position: relative;\n    z-index: 2;\n\n    max-width: 650px;\n    margin-left: auto;\n    margin-right: auto;\n\n    color: #697077;\n  }\n\n\n  \/* =========================\n     IMPACT\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-impact {\n    margin: 20px 0 31px;\n    padding: 21px 17px;\n\n    border: 2px solid var(--black);\n    border-radius: 14px;\n\n    background: var(--yellow);\n\n    box-shadow:\n      5px 5px 0 var(--black);\n\n    text-align: center;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-impact strong {\n    display: block;\n\n    color: #303236;\n    font-size: 18px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-impact span {\n    display: block;\n    margin-top: 4px;\n\n    color: #55575b;\n    font-size: 12px;\n  }\n\n\n  \/* =========================\n     CORE\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-core {\n    position: relative;\n    overflow: hidden;\n\n    margin: 32px 0;\n    padding: 33px 21px;\n\n    border: 2px solid var(--black);\n    border-radius: 19px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #edf6fe,\n        #ffffff\n      );\n\n    box-shadow:\n      6px 6px 0 var(--blue);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-core::after {\n    content: \"OPEN → USE → FOLD\";\n    position: absolute;\n    right: -3px;\n    bottom: -16px;\n\n    color: rgba(48,77,99,.045);\n\n    font-size: 32px;\n    font-weight: 900;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-label {\n    display: inline-block;\n    margin-bottom: 8px;\n\n    color: var(--blue);\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-core h3 {\n    position: relative;\n    z-index: 1;\n\n    color: #387db5;\n\n    font-size: 24px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-core p {\n    position: relative;\n    z-index: 1;\n\n    color: #65727a;\n  }\n\n\n  \/* =========================\n     HEAD\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-head {\n    margin: 36px 0 15px;\n\n    text-align: center;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-head span {\n    color: #7e7470;\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1.4px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-head h3 {\n    margin-top: 4px;\n\n    color: #3d4145;\n    font-size: 23px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-head p {\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n\n    color: #747a80;\n    font-size: 13px;\n  }\n\n\n  \/* =========================\n     FEATURES\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(4,minmax(0,1fr));\n    gap: 9px;\n\n    margin: 30px 0;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature {\n    padding: 20px 9px;\n\n    border: 2px solid var(--black);\n    border-radius: 13px;\n\n    background: #fff;\n\n    text-align: center;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature:nth-child(1) {\n    box-shadow: 4px 4px 0 var(--orange);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature:nth-child(2) {\n    box-shadow: 4px 4px 0 var(--blue);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature:nth-child(3) {\n    box-shadow: 4px 4px 0 var(--green);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature:nth-child(4) {\n    box-shadow: 4px 4px 0 var(--yellow);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature-icon {\n    display: block;\n    margin-bottom: 7px;\n\n    font-size: 27px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature strong {\n    display: block;\n    margin-bottom: 5px;\n\n    color: #44484d;\n    font-size: 12px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-feature span {\n    display: block;\n\n    color: #747a80;\n    font-size: 9px;\n    line-height: 1.45;\n  }\n\n\n  \/* =========================\n     ROTATION\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-rotation {\n    position: relative;\n    overflow: hidden;\n\n    margin: 32px 0;\n    padding: 31px 21px;\n\n    border: 2px solid var(--black);\n    border-radius: 19px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #fff0e5,\n        #ffffff\n      );\n\n    box-shadow:\n      6px 6px 0 var(--orange);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-rotation::after {\n    content: \"360° ADJUSTMENT\";\n    position: absolute;\n    right: -3px;\n    bottom: -16px;\n\n    color: rgba(117,70,41,.045);\n\n    font-size: 34px;\n    font-weight: 900;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-rotation h3 {\n    position: relative;\n    z-index: 1;\n\n    color: #a65e32;\n    font-size: 23px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-rotation p {\n    position: relative;\n    z-index: 1;\n\n    color: #71645c;\n  }\n\n\n  \/* =========================\n     FOLDABLE\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-fold {\n    position: relative;\n    overflow: hidden;\n\n    margin: 32px 0;\n    padding: 31px 21px;\n\n    border: 2px solid var(--black);\n    border-radius: 19px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #eef6ed,\n        #ffffff\n      );\n\n    box-shadow:\n      6px 6px 0 var(--green);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fold::after {\n    content: \"FOLD IT AWAY\";\n    position: absolute;\n    right: -3px;\n    bottom: -16px;\n\n    color: rgba(60,100,64,.045);\n\n    font-size: 36px;\n    font-weight: 900;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fold h3 {\n    position: relative;\n    z-index: 1;\n\n    color: #5c895f;\n    font-size: 23px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fold p {\n    position: relative;\n    z-index: 1;\n\n    color: #657064;\n  }\n\n\n  \/* =========================\n     CLAMP\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-clamp {\n    position: relative;\n    overflow: hidden;\n\n    margin: 32px 0;\n    padding: 31px 21px;\n\n    border: 2px solid var(--black);\n    border-radius: 19px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #f1f3f4,\n        #ffffff\n      );\n\n    box-shadow:\n      6px 6px 0 #8a9299;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-clamp::after {\n    content: \"HAND-TIGHTEN\";\n    position: absolute;\n    right: -3px;\n    bottom: -16px;\n\n    color: rgba(65,70,74,.045);\n\n    font-size: 37px;\n    font-weight: 900;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-clamp h3 {\n    position: relative;\n    z-index: 1;\n\n    color: #626a70;\n    font-size: 23px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-clamp p {\n    position: relative;\n    z-index: 1;\n\n    color: #686e72;\n  }\n\n\n  \/* =========================\n     FIT\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-fit {\n    margin: 32px 0;\n    padding: 25px 18px;\n\n    border: 1px solid #e1e4e6;\n    border-radius: 17px;\n\n    background: #fafbfc;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fit-grid {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 10px;\n\n    margin-top: 15px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fit-card {\n    padding: 21px 14px;\n\n    border: 2px solid var(--black);\n    border-radius: 13px;\n\n    background: #fff;\n\n    text-align: center;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fit-card:first-child {\n    box-shadow:\n      4px 4px 0 var(--blue);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fit-card:last-child {\n    box-shadow:\n      4px 4px 0 var(--orange);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fit-card strong {\n    display: block;\n\n    color: #404448;\n    font-size: 17px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-fit-card span {\n    display: block;\n    margin-top: 4px;\n\n    color: #747a7f;\n    font-size: 10px;\n  }\n\n\n  \/* =========================\n     CONTAINERS\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-container-grid {\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 9px;\n\n    margin: 30px 0;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-container {\n    padding: 17px 8px;\n\n    border: 1px solid #e0e4e6;\n    border-radius: 11px;\n\n    background: #fff;\n\n    text-align: center;\n\n    color: #636a70;\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n\n  \/* =========================\n     HOW\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-how-grid {\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 9px;\n\n    margin: 30px 0;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-step {\n    padding: 19px 9px;\n\n    border: 1px solid #e1e4e6;\n    border-radius: 12px;\n\n    background: #fff;\n\n    text-align: center;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-step-num {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 36px;\n    height: 36px;\n    margin: 0 auto 8px;\n\n    border-radius: 50%;\n\n    background: var(--blue);\n    color: #fff;\n\n    font-size: 11px;\n    font-weight: 900;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-step:nth-child(2) .trc-step-num {\n    background: var(--orange);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-step:nth-child(3) .trc-step-num {\n    background: var(--green);\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-step strong {\n    display: block;\n    margin-bottom: 4px;\n\n    color: #4c5155;\n    font-size: 11px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-step span {\n    color: #787e82;\n    font-size: 9px;\n    line-height: 1.45;\n  }\n\n\n  \/* =========================\n     USES\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-uses {\n    margin: 32px 0;\n    padding: 25px 18px;\n\n    border: 1px solid #e1e4e6;\n    border-radius: 17px;\n\n    background: #fafbfc;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-use-grid {\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 9px;\n\n    margin-top: 14px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-use {\n    padding: 14px 8px;\n\n    border: 1px solid #e3e6e8;\n    border-radius: 10px;\n\n    background: #fff;\n\n    text-align: center;\n\n    color: #626970;\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n\n  \/* =========================\n     DIMENSIONS\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-dimensions {\n    margin: 32px 0;\n    padding: 25px 18px;\n\n    border: 1px solid #e1e4e6;\n    border-radius: 17px;\n\n    background: #fff;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-dim-grid {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 9px;\n\n    margin-top: 15px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-dim {\n    padding: 17px 10px;\n\n    border-radius: 11px;\n\n    background: #f5f6f7;\n\n    text-align: center;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-dim strong {\n    display: block;\n\n    color: #3f4549;\n    font-size: 15px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-dim span {\n    display: block;\n    margin-top: 3px;\n\n    color: #777d82;\n    font-size: 9px;\n  }\n\n\n  \/* =========================\n     DETAILS\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-details {\n    margin: 31px 0;\n    padding: 23px 19px;\n\n    border: 1px solid #e1e4e6;\n    border-radius: 17px;\n\n    background: #fcfdfe;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-detail-row {\n    display: grid;\n    grid-template-columns: 155px minmax(0,1fr);\n    gap: 14px;\n\n    padding: 10px 0;\n\n    border-bottom: 1px solid #e8ebed;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-detail-row:last-child {\n    border-bottom: 0;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-detail-row strong {\n    color: #4e5458;\n    font-size: 12px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-detail-row span {\n    color: #747b80;\n    font-size: 12px;\n  }\n\n\n  \/* =========================\n     NOTES\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-note {\n    margin: 26px 0;\n    padding: 18px 17px;\n\n    border-left: 5px solid var(--orange);\n    border-radius: 0 12px 12px 0;\n\n    background: #fff0e5;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-note h3 {\n    color: #99562f;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-note li {\n    color: #65615e;\n    font-size: 13px;\n  }\n\n\n  \/* =========================\n     CLOSE\n  ========================= *\/\n\n  .tessvio-rotating-cup-holder-v2 .trc-close {\n    position: relative;\n    overflow: hidden;\n\n    margin: 33px 0 0;\n    padding: 44px 20px 40px;\n\n    border: 2px solid var(--black);\n    border-radius: 20px;\n\n    background:\n      radial-gradient(\n        circle at 11% 18%,\n        rgba(255,139,66,.16),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 89% 82%,\n        rgba(61,152,232,.15),\n        transparent 27%\n      ),\n      #ffffff;\n\n    box-shadow:\n      7px 7px 0 var(--blue);\n\n    text-align: center;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-close-icon {\n    display: inline-block;\n    margin-bottom: 7px;\n\n    font-size: 44px;\n\n    animation: trc-float 3s ease-in-out infinite;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-close h3 {\n    color: var(--orange);\n\n    font-size: 23px;\n  }\n\n  .tessvio-rotating-cup-holder-v2 .trc-close p {\n    max-width: 610px;\n    margin-left: auto;\n    margin-right: auto;\n\n    color: #6c7378;\n  }\n\n\n  \/* =========================\n     HOVER\n  ========================= *\/\n\n  @media (hover:hover) and (pointer:fine) {\n\n    .tessvio-rotating-cup-holder-v2 .trc-feature,\n    .tessvio-rotating-cup-holder-v2 .trc-container,\n    .tessvio-rotating-cup-holder-v2 .trc-use,\n    .tessvio-rotating-cup-holder-v2 .trc-step {\n      transition:\n        transform .22s ease,\n        box-shadow .22s ease;\n    }\n\n    .tessvio-rotating-cup-holder-v2 .trc-feature:hover,\n    .tessvio-rotating-cup-holder-v2 .trc-container:hover,\n    .tessvio-rotating-cup-holder-v2 .trc-use:hover,\n    .tessvio-rotating-cup-holder-v2 .trc-step:hover {\n      transform: translateY(-3px);\n    }\n  }\n\n\n  \/* =========================\n     MOBILE\n  ========================= *\/\n\n  @media (max-width:600px) {\n\n    .tessvio-rotating-cup-holder-v2 h2 {\n      font-size: 26px;\n    }\n\n    .tessvio-rotating-cup-holder-v2 .trc-hero {\n      padding: 45px 17px 40px;\n    }\n\n    .tessvio-rotating-cup-holder-v2 .trc-feature-grid,\n    .tessvio-rotating-cup-holder-v2 .trc-container-grid,\n    .tessvio-rotating-cup-holder-v2 .trc-how-grid,\n    .tessvio-rotating-cup-holder-v2 .trc-use-grid,\n    .tessvio-rotating-cup-holder-v2 .trc-dim-grid {\n      grid-template-columns: repeat(2,minmax(0,1fr));\n    }\n\n    .tessvio-rotating-cup-holder-v2 .trc-fit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .tessvio-rotating-cup-holder-v2 .trc-detail-row {\n      grid-template-columns: 120px minmax(0,1fr);\n      gap: 10px;\n    }\n  }\n\n  @media (max-width:380px) {\n\n    .tessvio-rotating-cup-holder-v2 .trc-feature-grid,\n    .tessvio-rotating-cup-holder-v2 .trc-container-grid,\n    .tessvio-rotating-cup-holder-v2 .trc-how-grid,\n    .tessvio-rotating-cup-holder-v2 .trc-use-grid,\n    .tessvio-rotating-cup-holder-v2 .trc-dim-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .tessvio-rotating-cup-holder-v2 *,\n    .tessvio-rotating-cup-holder-v2 *::before,\n    .tessvio-rotating-cup-holder-v2 *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"tessvio-rotating-cup-holder-v2\"\u003e\n\n\n  \u003cdiv class=\"trc-topline\"\u003e\u003c\/div\u003e\n\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"trc-hero\"\u003e\n\n    \u003cspan class=\"trc-shine\"\u003e\u003c\/span\u003e\n\n    \u003cspan class=\"trc-icon\"\u003e\n      🥤🔄\n    \u003c\/span\u003e\n\n    \u003cspan class=\"trc-pill\"\u003e\n      360° ROTATING FOLDABLE CUP HOLDER\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Keep Your Drink Close.\u003cbr\u003e\n      \u003cspan\u003eFold the Holder Away.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Mount it to a compatible round bar,\n      rotate the holder\n      to a convenient position\n      and keep a bottle,\n      can\n      or compatible travel mug\n      within easier reach.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- IMPACT --\u003e\n  \u003cdiv class=\"trc-impact\"\u003e\n\n    \u003cstrong\u003e\n      Open it when you need it. Fold it when you don't.\n    \u003c\/strong\u003e\n\n    \u003cspan\u003e\n      360° positioning + manual clamp mounting + collapsible design for compatible bikes, motorcycles, scooters, strollers and round-bar setups.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CORE --\u003e\n  \u003cdiv class=\"trc-core\"\u003e\n\n    \u003cspan class=\"trc-label\"\u003e\n      USEFUL WITHOUT STAYING IN THE WAY\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      A Cup Holder Does Not Need to Take Up Space All the Time.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Extend the holder\n      when carrying a compatible drink,\n      then collapse it inward\n      when it is empty.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      That gives you\n      a practical drink position\n      without leaving\n      the full holder structure\n      sticking out\n      whenever you are not using it.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003cdiv class=\"trc-head\"\u003e\n\n    \u003cspan\u003e\n      FOUR SIMPLE FEATURES\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Rotate It. Clamp It. Carry a Drink. Fold It.\n    \u003c\/h3\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"trc-feature-grid\"\u003e\n\n\n    \u003cdiv class=\"trc-feature\"\u003e\n\n      \u003cspan class=\"trc-feature-icon\"\u003e\n        🔄\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        360° Rotation\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Adjust the holder\n        around its rotating structure\n        to suit your setup.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-feature\"\u003e\n\n      \u003cspan class=\"trc-feature-icon\"\u003e\n        ↔️\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Foldable Design\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Collapse the holder\n        inward when empty\n        to reduce clutter.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-feature\"\u003e\n\n      \u003cspan class=\"trc-feature-icon\"\u003e\n        🔧\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Manual Clamp\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Hand-tightened mounting\n        for compatible\n        round bars.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-feature\"\u003e\n\n      \u003cspan class=\"trc-feature-icon\"\u003e\n        🥤\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Multiple Drink Types\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Designed for compatible\n        bottles,\n        cans\n        and travel mugs.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ROTATION --\u003e\n  \u003cdiv class=\"trc-rotation\"\u003e\n\n    \u003cspan class=\"trc-label\"\u003e\n      360° ADJUSTABLE POSITIONING\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Put the Drink Where It Makes Sense for Your Setup.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      The rotating structure\n      lets you reposition\n      the holder angle\n      around the mounting point.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      This can help\n      adapt the holder\n      to different compatible handlebars,\n      support tubes\n      and cockpit layouts.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FOLD --\u003e\n  \u003cdiv class=\"trc-fold\"\u003e\n\n    \u003cspan class=\"trc-label\"\u003e\n      QUICK-FOLD SPACE-SAVING DESIGN\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Finished With the Drink? Collapse the Holder Inward.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      The holder folds\n      into a more compact position\n      when empty.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      That helps reduce\n      unnecessary protrusion\n      around the handlebar\n      or mounting area\n      between uses.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CLAMP --\u003e\n  \u003cdiv class=\"trc-clamp\"\u003e\n\n    \u003cspan class=\"trc-label\"\u003e\n      MANUAL ROUND-BAR CLAMP\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Tighten It by Hand on a Compatible Round Bar.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      The mounting clamp\n      is designed\n      for compatible round bars\n      approximately\n      \u003cstrong\u003e0.71–1.18 in \/ 1.8–3 cm\u003c\/strong\u003e\n      in diameter.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      For normal mounting,\n      the hand-tightened clamp\n      does not require\n      an additional installation tool.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FIT --\u003e\n  \u003cdiv class=\"trc-fit\"\u003e\n\n    \u003cdiv class=\"trc-head\" style=\"margin-top:0;\"\u003e\n\n      \u003cspan\u003e\n        MEASURE BEFORE ORDERING\n      \u003c\/span\u003e\n\n      \u003ch3\u003e\n        Check the Bar AND the Drink.\n      \u003c\/h3\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-fit-grid\"\u003e\n\n\n      \u003cdiv class=\"trc-fit-card\"\u003e\n\n        \u003cstrong\u003e\n          0.71–1.18 in\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. 1.8–3 cm Compatible Round-Bar Clamp Range\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"trc-fit-card\"\u003e\n\n        \u003cstrong\u003e\n          Under 2.95 in\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Under Approx. 7.5 cm Recommended Drink Body Diameter\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DRINK TYPES --\u003e\n  \u003cdiv class=\"trc-head\"\u003e\n\n    \u003cspan\u003e\n      WHAT CAN FIT?\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Small Enough in Diameter? Check the Shape Too.\n    \u003c\/h3\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"trc-container-grid\"\u003e\n\n    \u003cdiv class=\"trc-container\"\u003e\n      Water Bottles\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"trc-container\"\u003e\n      Beverage Cans\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"trc-container\"\u003e\n      Compatible Travel Mugs\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HOW --\u003e\n  \u003cdiv class=\"trc-head\"\u003e\n\n    \u003cspan\u003e\n      OPEN • RIDE • FOLD\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Three Simple Modes.\n    \u003c\/h3\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"trc-how-grid\"\u003e\n\n\n    \u003cdiv class=\"trc-step\"\u003e\n\n      \u003cdiv class=\"trc-step-num\"\u003e\n        1\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Open\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Extend the holder\n        into its usable position.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-step\"\u003e\n\n      \u003cdiv class=\"trc-step-num\"\u003e\n        2\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Use\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Place a compatible drink\n        into the holder\n        before riding.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-step\"\u003e\n\n      \u003cdiv class=\"trc-step-num\"\u003e\n        3\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Fold\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Collapse it inward\n        when the holder\n        is empty.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- USES --\u003e\n  \u003cdiv class=\"trc-uses\"\u003e\n\n    \u003cdiv class=\"trc-head\" style=\"margin-top:0;\"\u003e\n\n      \u003cspan\u003e\n        ONE HOLDER • MULTIPLE SETUPS\n      \u003c\/span\u003e\n\n      \u003ch3\u003e\n        Built Around Compatible Round Bars.\n      \u003c\/h3\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-use-grid\"\u003e\n\n      \u003cdiv class=\"trc-use\"\u003e\n        Motorcycles\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"trc-use\"\u003e\n        Bicycles\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"trc-use\"\u003e\n        Electric Scooters\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"trc-use\"\u003e\n        Strollers\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"trc-use\"\u003e\n        Daily Commutes\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"trc-use\"\u003e\n        Compatible Outdoor Setups\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DIMENSIONS --\u003e\n  \u003cdiv class=\"trc-dimensions\"\u003e\n\n    \u003cdiv class=\"trc-head\" style=\"margin-top:0;\"\u003e\n\n      \u003cspan\u003e\n        APPROXIMATE DIMENSIONS\n      \u003c\/span\u003e\n\n      \u003ch3\u003e\n        Check Your Available Mounting Space.\n      \u003c\/h3\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-dim-grid\"\u003e\n\n\n      \u003cdiv class=\"trc-dim\"\u003e\n\n        \u003cstrong\u003e\n          5.51 in \/ 14 cm\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. Overall Length\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"trc-dim\"\u003e\n\n        \u003cstrong\u003e\n          4.25 in \/ 10.8 cm\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. Overall Height\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"trc-dim\"\u003e\n\n        \u003cstrong\u003e\n          3.86 in \/ 9.8 cm\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. Section Width\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"trc-dim\"\u003e\n\n        \u003cstrong\u003e\n          3.39 in \/ 8.6 cm\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. Lower Length\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DETAILS --\u003e\n  \u003cdiv class=\"trc-details\"\u003e\n\n    \u003cdiv class=\"trc-head\" style=\"margin-top:0;\"\u003e\n\n      \u003cspan\u003e\n        PRODUCT DETAILS\n      \u003c\/span\u003e\n\n      \u003ch3\u003e\n        The Basics\n      \u003c\/h3\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Product Type\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Foldable Bottle \u0026amp; Cup Holder\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Color\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Black\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Material\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Plastic\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Adjustment\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        360° Rotating Structure\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Storage\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Foldable \/ Collapsible\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Mounting\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Manual Tightening Clamp\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Clamp Range\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Approx. 0.71–1.18 in \/\n        1.8–3 cm\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Drink Compatibility\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Recommended Body Diameter\n        Under Approx. 2.95 in \/\n        7.5 cm\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Suitable For\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Compatible Motorcycle \/\n        Bike \/\n        Scooter \/\n        Stroller Round Bars\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"trc-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Package Includes\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        1 × Foldable 360° Rotating Cup Holder\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- NOTES --\u003e\n  \u003cdiv class=\"trc-note\"\u003e\n\n    \u003ch3\u003e\n      Fit \u0026amp; Riding Safety Notes\n    \u003c\/h3\u003e\n\n    \u003cul\u003e\n\n      \u003cli\u003e\n        Measure both\n        your installation bar\n        and drink container\n        before ordering.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        The clamp is designed\n        for compatible round bars\n        approximately\n        0.71–1.18 in \/\n        1.8–3 cm\n        in diameter.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        The holder is designed\n        for compatible bottles,\n        cans\n        and travel mugs\n        with a body diameter\n        under approximately\n        2.95 in \/\n        7.5 cm.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Container shape,\n        taper,\n        lid shape\n        and surface texture\n        can affect fit\n        even when the diameter\n        is within range.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Tighten the clamp securely\n        before use.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Position the holder\n        so it does not interfere\n        with steering,\n        brake levers,\n        cables,\n        controls,\n        visibility\n        or safe operation.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Test stability\n        with the vehicle stationary\n        before riding.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        The holder can help\n        reduce normal bottle movement,\n        but it cannot prevent\n        all movement,\n        spills\n        or container loss\n        on rough terrain\n        or during sudden impacts.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Do not adjust the holder,\n        remove a drink\n        or replace a drink\n        while doing so\n        would distract from safe riding.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Inspect the clamp,\n        rotating joint\n        and holder structure\n        regularly\n        and retighten if needed.\n      \u003c\/li\u003e\n\n    \u003c\/ul\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CLOSE --\u003e\n  \u003cdiv class=\"trc-close\"\u003e\n\n    \u003cspan class=\"trc-close-icon\"\u003e\n      🚲🥤✨\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Your Drink Close. Your Setup Clean.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Mount it.\n      Rotate it.\n      Carry your drink.\n      Then fold it away\n      when you no longer need it —\n      one simple holder\n      without permanently taking over\n      your handlebar space.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Zalovra","offers":[{"title":"Default Title","offer_id":67892194574705,"sku":"260921- QXZDBJ","price":16.79,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1031\/3131\/6593\/files\/9e12cb54f6e949ec892dd0f0be3879b7_tplv-fhlh96nyum-crop-webp_1254_1254.webp?v=1792721104","url":"https:\/\/tessvio.com\/products\/360-rotating-foldable-bike-motorcycle-cup-holder","provider":"Tessvio","version":"1.0","type":"link"}