{"product_id":"fingerclicker","title":"🤩 5-Key Fidget Clicker – Click, Press \u0026 Squeeze Your Boredom Away!","description":"\u003c!-- Cithway 5-Key Sensory Finger Calm Clicker | Responsive Shopify Lander --\u003e\n\u003csection id=\"click-relief-lander\" class=\"crl\"\u003e\u003c!-- 1. HERO --\u003e\u003cheader class=\"crl__hero\"\u003e\n\u003cdiv class=\"crl__hero-copy\"\u003e\n\u003cp class=\"crl__eyebrow\"\u003ePRESS. CLICK. RESET.\u003c\/p\u003e\n\u003ch1\u003eSmall Clicks. Satisfying Moments.\u003c\/h1\u003e\n\u003cp class=\"crl__hero-text\"\u003eMeet your new favourite fidget companion. Five responsive keys, a textured grip and pocket-sized fun.\u003c\/p\u003e\n\u003cdiv class=\"crl__tags\"\u003e\n\u003cspan\u003e⌨️ 5 Clickable Keys\u003c\/span\u003e \u003cspan\u003e✋ Textured Grip\u003c\/span\u003e \u003cspan\u003e🎒 Pocket-Sized\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"crl__button crl__hero-button\" type=\"button\" data-crl-buy=\"\"\u003e Get Your Clicker \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"crl__hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0736\/1442\/6190\/files\/5-Key-Stress-Relief-Desk-Toy.gif?v=1792599341\" alt=\"Five-key sensory finger clicker being pressed\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c\/header\u003e\u003c!-- 2. FIVE-KEY CLICKING EXPERIENCE --\u003e\n\u003csection class=\"crl__feature\"\u003e\n\u003cfigure class=\"crl__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0736\/1442\/6190\/files\/clicker_ba417841-d631-448e-8e7d-f1663083129d.gif?v=1792599333\" alt=\"Five-key mechanical keyboard style fidget clicker in use\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003cdiv class=\"crl__copy\"\u003e\n\u003cspan class=\"crl__number\"\u003e01 \/ CLICK \u0026amp; PLAY\u003c\/span\u003e\n\u003ch2\u003eFive Keys. Five Satisfying Presses.\u003c\/h2\u003e\n\u003cp\u003ePress each key for crisp tactile feedback and a mechanical-keyboard-inspired clicking experience. Keep your fingers busy during everyday downtime.\u003c\/p\u003e\n\u003cspan class=\"crl__mini-tag\"\u003ePRESS YOUR WAY THROUGH THE DAY ⌨️\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. TEXTURED SENSORY GRIP --\u003e\n\u003csection class=\"crl__feature crl__feature--reverse\"\u003e\n\u003cfigure class=\"crl__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0736\/1442\/6190\/files\/clicker1_38303fae-08ad-451b-a02f-e21d8998186d.jpg?v=1792599333\" alt=\"Close-up of the textured surface on the sensory clicker\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003cdiv class=\"crl__copy\"\u003e\n\u003cspan class=\"crl__number\"\u003e02 \/ TEXTURE \u0026amp; TOUCH\u003c\/span\u003e\n\u003ch2\u003eMore Than Just a Click.\u003c\/h2\u003e\n\u003cp\u003eRaised textured nubs add another tactile element. Press, hold or squeeze the outer shell for a different sensory experience.\u003c\/p\u003e\n\u003cspan class=\"crl__mini-tag\"\u003eA LITTLE EXTRA TEXTURE ✋\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. FINGER MOVEMENT --\u003e\n\u003csection class=\"crl__feature\"\u003e\n\u003cfigure class=\"crl__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0736\/1442\/6190\/files\/clicker2_c3553e2f-cfcb-48e9-859c-7b46e63d6bc0.jpg?v=1792599333\" alt=\"Five-key clicker designed for individual finger pressing\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003cdiv class=\"crl__copy\"\u003e\n\u003cspan class=\"crl__number\"\u003e03 \/ FINGER ACTIVITY\u003c\/span\u003e\n\u003ch2\u003eGive Every Finger a Turn.\u003c\/h2\u003e\n\u003cp\u003eFive separate keys let you practise individual finger movements through simple, repetitive presses. A fun way to keep your hands occupied.\u003c\/p\u003e\n\u003cspan class=\"crl__mini-tag\"\u003ePRESS ONE KEY OR ALL FIVE 🎯\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5. PORTABLE DESIGN --\u003e\n\u003csection class=\"crl__feature crl__feature--reverse\"\u003e\n\u003cfigure class=\"crl__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0736\/1442\/6190\/files\/clicker3_fae23ede-deb1-479b-874c-1ba75c9db209.jpg?v=1792599333\" alt=\"Compact portable sensory clicker for everyday use\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003cdiv class=\"crl__copy\"\u003e\n\u003cspan class=\"crl__number\"\u003e04 \/ TAKE IT ANYWHERE\u003c\/span\u003e\n\u003ch2\u003eLittle Toy. Big Portability.\u003c\/h2\u003e\n\u003cp\u003eAt just 3 × 8 cm, this compact clicker fits easily into a pocket, bag or desk drawer. Keep it nearby for work, study or travel.\u003c\/p\u003e\n\u003cspan class=\"crl__mini-tag\"\u003eYOUR POCKET-SIZED COMPANION 🎒\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 6. COLOURS --\u003e\n\u003csection class=\"crl__colours\"\u003e\n\u003cdiv class=\"crl__colours-copy\"\u003e\n\u003cspan class=\"crl__number\"\u003e05 \/ PICK YOUR STYLE\u003c\/span\u003e\n\u003ch2\u003eYour Clicker, Your Colour.\u003c\/h2\u003e\n\u003cp\u003eChoose a shade that matches your desk setup or everyday style.\u003c\/p\u003e\n\u003cdiv class=\"crl__swatches\" aria-label=\"Available colours\"\u003e\n\u003cspan\u003e\u003ci class=\"crl__swatch crl__swatch--green\"\u003e\u003c\/i\u003eGreen\u003c\/span\u003e \u003cspan\u003e\u003ci class=\"crl__swatch crl__swatch--white\"\u003e\u003c\/i\u003eWhite\u003c\/span\u003e \u003cspan\u003e\u003ci class=\"crl__swatch crl__swatch--black\"\u003e\u003c\/i\u003eBlack\u003c\/span\u003e \u003cspan\u003e\u003ci class=\"crl__swatch crl__swatch--blue\"\u003e\u003c\/i\u003eBlue\u003c\/span\u003e \u003cspan\u003e\u003ci class=\"crl__swatch crl__swatch--brown\"\u003e\u003c\/i\u003eBrown\u003c\/span\u003e \u003cspan\u003e\u003ci class=\"crl__swatch crl__swatch--purple\"\u003e\u003c\/i\u003ePurple\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"crl__colour-note\"\u003eMulti-coloured pastel options may also be available. Check the product selector for current choices.\u003c\/p\u003e\n\u003cbutton class=\"crl__button\" type=\"button\" data-crl-buy=\"\"\u003e Choose Your Clicker \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"crl__image crl__colours-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0736\/1442\/6190\/files\/clickerp_cb044e2a-60ef-4409-82ac-5df50a87702a.jpg?v=1792599333\" alt=\"Colour and product details for the Cithway five-key sensory clicker\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c\/section\u003e\n\u003c!-- 7. PRODUCT DETAILS --\u003e\n\u003csection class=\"crl__details\"\u003e\n\u003cdiv class=\"crl__details-heading\"\u003e\n\u003cp class=\"crl__eyebrow\"\u003eTHE DETAILS\u003c\/p\u003e\n\u003ch2\u003eSimple Design. Everyday Fun.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"crl__spec-grid\"\u003e\n\u003cdiv class=\"crl__spec\"\u003e\n\u003cspan class=\"crl__spec-icon\"\u003e⌨️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"crl__spec-label\"\u003eDesign\u003c\/span\u003e \u003cstrong\u003e5-Key Finger Clicker\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"crl__spec\"\u003e\n\u003cspan class=\"crl__spec-icon\"\u003e📏\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"crl__spec-label\"\u003eSize\u003c\/span\u003e \u003cstrong\u003e3 × 8 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"crl__spec\"\u003e\n\u003cspan class=\"crl__spec-icon\"\u003e🧩\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"crl__spec-label\"\u003eMaterial\u003c\/span\u003e \u003cstrong\u003eTPR \u0026amp; ABS\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"crl__spec\"\u003e\n\u003cspan class=\"crl__spec-icon\"\u003e📦\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"crl__spec-label\"\u003ePackage Includes\u003c\/span\u003e \u003cstrong\u003e1 × Cithway® 5-Key Sensory Finger Calm Clicker\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"crl__button crl__details-button\" type=\"button\" data-crl-buy=\"\"\u003e Get Your Clicker \u003c\/button\u003e\u003c\/section\u003e\n\u003c!-- 8. MOBILE STICKY CTA --\u003e\n\u003cdiv class=\"crl__sticky\" data-crl-sticky=\"\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"crl__sticky-copy\"\u003e\n\u003cstrong\u003e5-Key Sensory Clicker\u003c\/strong\u003e \u003cspan\u003eClick, press and play\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" data-crl-buy=\"\"\u003e Shop Now \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* ==========================================\n     1. BASE \/ THEME ISOLATION\n  ========================================== *\/\n\n  #click-relief-lander {\n    --crl-ink: #292b3b;\n    --crl-muted: #6b6d7c;\n    --crl-purple: #835ee8;\n    --crl-orange: #ef8243;\n    --crl-light: #f3efff;\n    --crl-cream: #faf8f4;\n    --crl-line: #e3dfef;\n\n    display: block;\n    position: relative;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    background: #ffffff;\n    color: var(--crl-ink);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 16px;\n    line-height: 1.55;\n    overflow-wrap: break-word;\n    container-type: inline-size;\n    container-name: crl;\n  }\n\n  #click-relief-lander,\n  #click-relief-lander *,\n  #click-relief-lander *::before,\n  #click-relief-lander *::after {\n    box-sizing: border-box;\n  }\n\n  #click-relief-lander figure,\n  #click-relief-lander h1,\n  #click-relief-lander h2,\n  #click-relief-lander p {\n    margin: 0;\n    padding: 0;\n  }\n\n  #click-relief-lander figure {\n    display: block;\n    min-width: 0;\n    float: none;\n  }\n\n  #click-relief-lander img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    min-height: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    float: none;\n    object-fit: contain;\n    object-position: center;\n  }\n\n  #click-relief-lander h1,\n  #click-relief-lander h2 {\n    width: 100%;\n    max-width: 100%;\n    font-family: Arial, Helvetica, sans-serif;\n    font-weight: 900;\n    letter-spacing: -0.035em;\n    line-height: 1.12;\n    text-transform: none;\n    white-space: normal;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  #click-relief-lander h1 {\n    font-size: clamp(32px, 5cqi, 58px);\n  }\n\n  #click-relief-lander h2 {\n    font-size: clamp(27px, 3.5cqi, 42px);\n  }\n\n  #click-relief-lander p {\n    line-height: 1.65;\n  }\n\n  #click-relief-lander button,\n  #click-relief-lander a {\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  \/* ==========================================\n     2. HERO\n  ========================================== *\/\n\n  #click-relief-lander .crl__hero {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);\n    align-items: center;\n    gap: clamp(20px, 3cqi, 44px);\n    width: 100%;\n    padding: clamp(22px, 3cqi, 38px);\n    background: var(--crl-cream);\n  }\n\n  #click-relief-lander .crl__hero-copy {\n    min-width: 0;\n  }\n\n  #click-relief-lander .crl__eyebrow {\n    margin: 0 0 10px;\n    color: var(--crl-purple);\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1.4;\n    letter-spacing: 0.14em;\n  }\n\n  #click-relief-lander .crl__hero h1 {\n    margin: 0;\n    color: var(--crl-ink);\n    font-size: clamp(32px, 4.4cqi, 54px);\n    line-height: 1.08;\n  }\n\n  #click-relief-lander .crl__hero-text {\n    max-width: 500px;\n    margin: 14px 0 0;\n    color: #626474;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  #click-relief-lander .crl__hero-image {\n    min-width: 0;\n    margin: 0;\n    overflow: hidden;\n    border-radius: 14px;\n    background: #eeeaf7;\n  }\n\n  #click-relief-lander .crl__hero-image img {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    object-fit: cover;\n  }\n\n  #click-relief-lander .crl__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin-top: 18px;\n  }\n\n  #click-relief-lander .crl__tags span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 35px;\n    padding: 7px 10px;\n    border: 1px solid var(--crl-line);\n    border-radius: 999px;\n    background: #ffffff;\n    color: var(--crl-ink);\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.35;\n    white-space: nowrap;\n  }\n\n  \/* ==========================================\n     3. BUTTONS\n  ========================================== *\/\n\n  #click-relief-lander .crl__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 360px;\n    min-width: 0;\n    min-height: 50px;\n    margin: 20px 0 0;\n    padding: 13px 20px;\n    border: 0;\n    border-radius: 7px;\n    background: var(--crl-purple);\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.4;\n    text-align: center;\n    text-decoration: none;\n    white-space: normal;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n  }\n\n  #click-relief-lander .crl__button:hover {\n    background: #7049d4;\n  }\n\n  #click-relief-lander .crl__hero-button {\n    max-width: 420px;\n    min-height: 53px;\n    margin-top: 22px;\n    font-size: 16px;\n  }\n\n  \/* ==========================================\n     4. FEATURE MODULES\n  ========================================== *\/\n\n  #click-relief-lander .crl__feature {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);\n    align-items: center;\n    gap: clamp(20px, 3cqi, 42px);\n    width: 100%;\n    padding: clamp(16px, 2.5cqi, 30px);\n    background: #ffffff;\n  }\n\n  #click-relief-lander .crl__feature--reverse {\n    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr);\n    background: #f8f7fc;\n  }\n\n  #click-relief-lander .crl__feature--reverse .crl__image {\n    order: 2;\n  }\n\n  #click-relief-lander .crl__feature--reverse .crl__copy {\n    order: 1;\n  }\n\n  #click-relief-lander .crl__image {\n    min-width: 0;\n    margin: 0;\n    overflow: hidden;\n    border-radius: 13px;\n    background: #f5f2fb;\n  }\n\n  #click-relief-lander .crl__feature .crl__image img {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    object-fit: contain;\n  }\n\n  #click-relief-lander .crl__copy {\n    min-width: 0;\n    padding: 10px 0;\n  }\n\n  #click-relief-lander .crl__number {\n    display: inline-block;\n    margin-bottom: 9px;\n    color: var(--crl-purple);\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1.4;\n    letter-spacing: 0.12em;\n  }\n\n  #click-relief-lander .crl__copy h2 {\n    margin: 0 0 11px;\n    color: var(--crl-ink);\n  }\n\n  #click-relief-lander .crl__copy p {\n    color: #626474;\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  #click-relief-lander .crl__mini-tag {\n    display: inline-block;\n    margin-top: 13px;\n    padding: 8px 10px;\n    border-radius: 5px;\n    background: var(--crl-light);\n    color: #6846bd;\n    font-size: 10px;\n    font-weight: 900;\n    line-height: 1.4;\n    letter-spacing: 0.02em;\n  }\n\n  \/* ==========================================\n     5. COLOUR OPTIONS\n  ========================================== *\/\n\n  #click-relief-lander .crl__colours {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);\n    align-items: center;\n    gap: 26px;\n    padding: clamp(20px, 3cqi, 38px);\n    background: var(--crl-cream);\n  }\n\n  #click-relief-lander .crl__colours-copy {\n    min-width: 0;\n  }\n\n  #click-relief-lander .crl__colours-copy h2 {\n    margin: 0 0 10px;\n    color: var(--crl-ink);\n  }\n\n  #click-relief-lander .crl__colours-copy \u003e p:not(.crl__number) {\n    color: #626474;\n    font-size: 14px;\n  }\n\n  #click-relief-lander .crl__swatches {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 11px;\n    margin-top: 18px;\n  }\n\n  #click-relief-lander .crl__swatches \u003e span {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    color: var(--crl-ink);\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  #click-relief-lander .crl__swatch {\n    display: inline-block;\n    flex: 0 0 19px;\n    width: 19px;\n    height: 19px;\n    border: 1px solid rgba(0, 0, 0, 0.17);\n    border-radius: 50%;\n  }\n\n  #click-relief-lander .crl__swatch--green {\n    background: #80a73d;\n  }\n\n  #click-relief-lander .crl__swatch--white {\n    background: #ffffff;\n  }\n\n  #click-relief-lander .crl__swatch--black {\n    background: #222222;\n  }\n\n  #click-relief-lander .crl__swatch--blue {\n    background: #6389d9;\n  }\n\n  #click-relief-lander .crl__swatch--brown {\n    background: #956847;\n  }\n\n  #click-relief-lander .crl__swatch--purple {\n    background: #9271ce;\n  }\n\n  #click-relief-lander .crl__colour-note {\n    margin-top: 12px;\n    color: var(--crl-muted);\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n  #click-relief-lander .crl__colours-image {\n    min-width: 0;\n  }\n\n  #click-relief-lander .crl__colours-image img {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    object-fit: contain;\n  }\n\n  \/* ==========================================\n     6. PRODUCT DETAILS\n  ========================================== *\/\n\n  #click-relief-lander .crl__details {\n    padding: clamp(24px, 3cqi, 40px) 20px;\n    background: #ffffff;\n    text-align: center;\n  }\n\n  #click-relief-lander .crl__details-heading {\n    max-width: 720px;\n    margin: 0 auto 20px;\n  }\n\n  #click-relief-lander .crl__details-heading h2 {\n    color: var(--crl-ink);\n  }\n\n  #click-relief-lander .crl__spec-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: left;\n  }\n\n  #click-relief-lander .crl__spec {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n    min-height: 78px;\n    padding: 13px;\n    border: 1px solid var(--crl-line);\n    border-radius: 12px;\n    background: #faf9fd;\n  }\n\n  #click-relief-lander .crl__spec-icon {\n    display: flex;\n    flex: 0 0 40px;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: var(--crl-light);\n    font-size: 20px;\n  }\n\n  #click-relief-lander .crl__spec \u003e div {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  #click-relief-lander .crl__spec-label {\n    display: block;\n    margin-bottom: 3px;\n    color: var(--crl-muted);\n    font-size: 11px;\n    line-height: 1.35;\n  }\n\n  #click-relief-lander .crl__spec strong {\n    display: block;\n    color: var(--crl-ink);\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.45;\n    overflow-wrap: anywhere;\n  }\n\n  #click-relief-lander .crl__details-button {\n    margin-top: 22px;\n  }\n\n  \/* ==========================================\n     7. STICKY CTA DEFAULT\n  ========================================== *\/\n\n  #click-relief-lander .crl__sticky {\n    display: none;\n  }\n\n  #click-relief-lander button:focus-visible {\n    outline: 3px solid #835ee8;\n    outline-offset: 3px;\n  }\n\n  \/* ==========================================\n     8. DESKTOP\n  ========================================== *\/\n\n  @container crl (min-width: 760px) {\n\n    #click-relief-lander .crl__hero {\n      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);\n    }\n\n    #click-relief-lander .crl__feature {\n      grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);\n    }\n\n    #click-relief-lander .crl__feature--reverse {\n      grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr);\n    }\n\n    #click-relief-lander .crl__colours {\n      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);\n    }\n  }\n\n  \/* ==========================================\n     9. MOBILE \/ NARROW CONTAINERS\n  ========================================== *\/\n\n  @container crl (max-width: 759px) {\n\n    #click-relief-lander .crl__hero {\n      display: flex;\n      flex-direction: column;\n      align-items: stretch;\n      gap: 18px;\n      padding: 0 0 24px;\n    }\n\n    #click-relief-lander .crl__hero-copy {\n      padding: 25px 18px 0;\n    }\n\n    #click-relief-lander .crl__hero h1 {\n      font-size: clamp(30px, 7cqi, 42px);\n    }\n\n    #click-relief-lander .crl__hero-text {\n      font-size: 14px;\n    }\n\n    #click-relief-lander .crl__tags {\n      gap: 6px;\n      margin-top: 15px;\n    }\n\n    #click-relief-lander .crl__tags span {\n      min-height: 34px;\n      padding: 7px 9px;\n      font-size: 10px;\n    }\n\n    #click-relief-lander .crl__hero-button {\n      min-height: 49px;\n      margin-top: 18px;\n    }\n\n    #click-relief-lander .crl__hero-image {\n      width: 100%;\n      border-radius: 0;\n    }\n\n    #click-relief-lander .crl__hero-image img {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      object-fit: contain;\n    }\n\n    #click-relief-lander .crl__feature,\n    #click-relief-lander .crl__feature--reverse {\n      display: flex;\n      flex-direction: column;\n      align-items: stretch;\n      gap: 0;\n      padding: 0 0 23px;\n      background: #ffffff;\n    }\n\n    #click-relief-lander .crl__feature--reverse {\n      background: #f8f7fc;\n    }\n\n    #click-relief-lander .crl__feature--reverse .crl__image,\n    #click-relief-lander .crl__feature--reverse .crl__copy {\n      order: initial;\n    }\n\n    #click-relief-lander .crl__feature .crl__image {\n      width: 100%;\n      border-radius: 0;\n    }\n\n    #click-relief-lander .crl__feature .crl__image img {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      object-fit: contain;\n    }\n\n    #click-relief-lander .crl__copy {\n      padding: 19px 20px 0;\n    }\n\n    #click-relief-lander .crl__copy h2 {\n      margin-bottom: 9px;\n      font-size: clamp(27px, 6.5cqi, 36px);\n    }\n\n    #click-relief-lander .crl__copy p {\n      font-size: 14px;\n    }\n\n    #click-relief-lander .crl__mini-tag {\n      margin-top: 11px;\n    }\n\n    #click-relief-lander .crl__colours {\n      display: flex;\n      flex-direction: column;\n      align-items: stretch;\n      gap: 18px;\n      padding: 0 0 24px;\n    }\n\n    #click-relief-lander .crl__colours-copy {\n      padding: 24px 18px 0;\n    }\n\n    #click-relief-lander .crl__colours-copy h2 {\n      font-size: clamp(28px, 6.5cqi, 36px);\n    }\n\n    #click-relief-lander .crl__swatches {\n      gap: 10px;\n      margin-top: 15px;\n    }\n\n    #click-relief-lander .crl__colours-image {\n      width: 100%;\n    }\n\n    #click-relief-lander .crl__details {\n      padding: 25px 14px;\n    }\n\n    #click-relief-lander .crl__details-heading {\n      margin-bottom: 16px;\n    }\n\n    #click-relief-lander .crl__details-heading h2 {\n      font-size: clamp(27px, 6.5cqi, 36px);\n    }\n\n    #click-relief-lander .crl__spec-grid {\n      gap: 8px;\n    }\n\n    #click-relief-lander .crl__spec {\n      gap: 9px;\n      min-height: 70px;\n      padding: 10px;\n      border-radius: 10px;\n    }\n\n    #click-relief-lander .crl__spec-icon {\n      flex-basis: 32px;\n      width: 32px;\n      height: 32px;\n      font-size: 17px;\n    }\n\n    #click-relief-lander .crl__spec strong {\n      font-size: 12px;\n    }\n\n    \/* Sticky mobile purchase bar *\/\n\n    #click-relief-lander .crl__sticky {\n      position: fixed;\n      z-index: 9999;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      padding: 9px 14px calc(9px + env(safe-area-inset-bottom));\n      border-top: 1px solid #e3dfef;\n      background: rgba(255, 255, 255, 0.98);\n      box-shadow: 0 -4px 18px rgba(41, 43, 59, 0.07);\n      visibility: hidden;\n      pointer-events: none;\n      transform: translateY(110%);\n      transition: transform 0.25s ease, visibility 0.25s ease;\n    }\n\n    #click-relief-lander .crl__sticky.crl--visible {\n      visibility: visible;\n      pointer-events: auto;\n      transform: translateY(0);\n    }\n\n    #click-relief-lander .crl__sticky-copy {\n      display: flex;\n      flex: 1 1 auto;\n      flex-direction: column;\n      min-width: 0;\n      gap: 2px;\n    }\n\n    #click-relief-lander .crl__sticky-copy strong {\n      overflow: hidden;\n      color: var(--crl-ink);\n      font-size: 13px;\n      line-height: 1.3;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    #click-relief-lander .crl__sticky-copy span {\n      color: var(--crl-muted);\n      font-size: 11px;\n      line-height: 1.3;\n    }\n\n    #click-relief-lander .crl__sticky button {\n      flex: 0 0 auto;\n      width: auto;\n      max-width: 48%;\n      min-width: 0;\n      min-height: 42px;\n      margin: 0;\n      padding: 10px 14px;\n      border: 0;\n      border-radius: 5px;\n      background: var(--crl-purple);\n      color: #ffffff;\n      font-size: 13px;\n      font-weight: 800;\n      line-height: 1.3;\n      cursor: pointer;\n    }\n  }\n\n  \/* ==========================================\n     10. SMALL MOBILE\n  ========================================== *\/\n\n  @media (max-width: 380px) {\n\n    #click-relief-lander .crl__hero-copy {\n      padding-right: 14px;\n      padding-left: 14px;\n    }\n\n    #click-relief-lander .crl__hero h1 {\n      font-size: 29px;\n    }\n\n    #click-relief-lander .crl__tags {\n      gap: 5px;\n    }\n\n    #click-relief-lander .crl__tags span {\n      padding: 7px 8px;\n      font-size: 9px;\n    }\n\n    #click-relief-lander .crl__copy {\n      padding-right: 16px;\n      padding-left: 16px;\n    }\n\n    #click-relief-lander .crl__colours-copy {\n      padding-right: 16px;\n      padding-left: 16px;\n    }\n\n    #click-relief-lander .crl__spec-grid {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    #click-relief-lander .crl__sticky {\n      gap: 8px;\n      padding-right: 10px;\n      padding-left: 10px;\n    }\n\n    #click-relief-lander .crl__sticky button {\n      padding-right: 11px;\n      padding-left: 11px;\n      font-size: 12px;\n    }\n  }\n\n  \/* ==========================================\n     11. FALLBACK FOR OLDER BROWSERS\n  ========================================== *\/\n\n  @media (max-width: 749px) {\n\n    #click-relief-lander .crl__hero {\n      display: flex;\n      flex-direction: column;\n      gap: 18px;\n      padding: 0 0 24px;\n    }\n\n    #click-relief-lander .crl__hero-copy {\n      padding: 25px 18px 0;\n    }\n\n    #click-relief-lander .crl__feature,\n    #click-relief-lander .crl__feature--reverse {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      padding: 0 0 23px;\n    }\n\n    #click-relief-lander .crl__feature--reverse .crl__image,\n    #click-relief-lander .crl__feature--reverse .crl__copy {\n      order: initial;\n    }\n\n    #click-relief-lander .crl__colours {\n      display: flex;\n      flex-direction: column;\n      gap: 18px;\n    }\n\n    #click-relief-lander .crl__colours-copy {\n      padding: 24px 18px 0;\n    }\n\n    #click-relief-lander .crl__spec-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  \/* ==========================================\n     12. REDUCED MOTION\n  ========================================== *\/\n\n  @media (prefers-reduced-motion: reduce) {\n\n    #click-relief-lander *,\n    #click-relief-lander *::before,\n    #click-relief-lander *::after {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"dcvgfredcvfedfcvfd","offers":[{"title":"Green","offer_id":50804256604357,"sku":"KY-AYQA","price":19.99,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":50804256637125,"sku":"KY-AYQB","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":50804256669893,"sku":"KY-AYQC","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":50804256735429,"sku":"KY-AYQE","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Purple","offer_id":50804256768197,"sku":"KY-AYQF","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Rainbow","offer_id":50804256800965,"sku":"KY-AYQG","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0804\/7617\/6581\/files\/clicker_ba417841-d631-448e-8e7d-f1663083129d.gif?v=1792989225","url":"https:\/\/crivanto.com\/products\/fingerclicker","provider":"Crivanto","version":"1.0","type":"link"}