{"product_id":"protective-metal-teeth-case-for-airpods-pro-pro2-custom-original-cover-for-airpods-4-pro1-earphone-sleeve","title":"Chrome Claw Metal Earbuds Case Cover — For AirPods Pro \u0026 Pro 2","description":"\u003c!--\n  CHROME CLAW — product page sections (paste-ready, single file)\n  ----------------------------------------------------------------\n  Where to paste: Shopify admin \u003e Online Store \u003e Customize \u003e Product template \u003e\n  \"Add section\" \u003e \"Custom Liquid\" (place it directly under your product information section),\n  then paste this whole file into the Custom Liquid box. Turn off any top\/bottom padding\n  on that section so the black backgrounds meet the page edges.\n\n  Isolation: every style is scoped to #ccx-claw (sections) or #ccx-claw-bar (mobile\/desktop\n  floating \"Choose model\" bar). Nothing targets your theme's own elements, header, footer or buttons.\n  Script runs inside a closed function and creates no globals.\n\n  Options:\n  - Turn the floating bar off: change data-sticky=\"on\" to data-sticky=\"off\" on the #ccx-claw div.\n  - \"Choose your model\" buttons scroll the shopper back to your theme's model selector.\n\n  Before publishing, confirm with your supplier and edit if needed:\n  - Material (\"Metal\") and \"In the box\" contents.\n  - Wireless charging and port access are deliberately NOT claimed. Add them only after testing.\n--\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:opsz,wght@6..96,400..600\u0026amp;family=Geist:wght@400;500;600\u0026amp;display=swap\"\u003e\n\n\u003cstyle\u003e\n  \/* ---------- Tokens (scoped) ---------- *\/\n  #ccx-claw, #ccx-claw-bar {\n    --ccx-black: #000000;\n    --ccx-white: #ffffff;\n    --ccx-mercury: #E9ECEF;\n    --ccx-ink: #101214;\n    --ccx-steel: #565D64;\n    --ccx-ash: #A6ADB4;\n    --ccx-line: rgba(16, 18, 20, .14);\n    --ccx-line-d: rgba(255, 255, 255, .16);\n    --ccx-serif: \"Bodoni Moda\", \"Bodoni 72\", Didot, \"Didot LT STD\", Georgia, serif;\n    --ccx-sans: \"Geist\", -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n    --ccx-chrome: linear-gradient(100deg, #8c939a 0%, #f2f4f6 14%, #aab1b8 28%, #ffffff 42%, #7f868d 56%, #e9ecef 70%, #9aa1a8 84%, #f6f7f8 100%);\n    --ccx-gutter: clamp(20px, 5vw, 72px);\n    --ccx-max: 1320px;\n    --ccx-ease: cubic-bezier(.2, .7, .2, 1);\n  }\n\n  \/* ---------- Root + local resets (only inside #ccx-claw) ---------- *\/\n  #ccx-claw {\n    display: block;\n    width: 100%;\n    max-width: none;\n    margin: 0;\n    padding: 0;\n    background: var(--ccx-mercury);\n    color: var(--ccx-ink);\n    font-family: var(--ccx-sans);\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.6;\n    letter-spacing: normal;\n    text-align: left;\n    text-transform: none;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-rendering: optimizeLegibility;\n    overflow-x: clip;\n  }\n  #ccx-claw *, #ccx-claw *::before, #ccx-claw *::after { box-sizing: border-box; }\n  #ccx-claw :is(section, article, div, figure, figcaption, h2, h3, p, dl, dt, dd, ol, ul, li, details, summary, span) {\n    margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; outline: 0;\n    font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; text-align: inherit;\n    text-indent: 0; text-shadow: none; float: none; min-width: 0; min-height: 0; max-width: none; opacity: 1;\n  }\n  #ccx-claw :is(a, figure, img, section, div):focus-visible { outline: 2px solid currentColor; }\n  #ccx-claw :is(ol, ul) { list-style: none; }\n  #ccx-claw img {\n    display: block; max-width: 100%; height: auto; margin: 0; padding: 0;\n    border: 0; border-radius: 0; box-shadow: none; opacity: 1;\n  }\n  #ccx-claw svg { display: inline-block; flex: none; }\n  #ccx-claw a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }\n  #ccx-claw a:hover { text-decoration-thickness: 2px; }\n  #ccx-claw :focus-visible { outline: 2px solid currentColor; outline-offset: 4px; border-radius: 2px; }\n\n  \/* ---------- Layout ---------- *\/\n  #ccx-claw .ccx-wrap { width: 100%; max-width: var(--ccx-max); margin-inline: auto; padding-inline: var(--ccx-gutter); }\n  #ccx-claw .ccx-sec { padding-block: clamp(80px, 11vw, 168px); }\n  #ccx-claw .ccx-dark { background: var(--ccx-black); color: var(--ccx-white); }\n\n  \/* ---------- Type ---------- *\/\n  #ccx-claw .ccx-display {\n    font-family: var(--ccx-serif);\n    font-weight: 400;\n    font-size: clamp(2.75rem, 5.4vw, 5.4rem);\n    line-height: 1.02;\n    letter-spacing: -.02em;\n    font-optical-sizing: auto;\n    padding-bottom: .08em;\n  }\n  #ccx-claw .ccx-lead {\n    font-family: var(--ccx-serif);\n    font-weight: 400;\n    font-size: clamp(2rem, 4.5vw, 4.1rem);\n    line-height: 1.1;\n    letter-spacing: -.015em;\n    text-wrap: pretty;\n  }\n  #ccx-claw .ccx-line { display: block; white-space: nowrap; }\n  #ccx-claw .ccx-h2 {\n    font-family: var(--ccx-serif);\n    font-weight: 400;\n    font-size: clamp(2rem, 3.6vw, 3.1rem);\n    line-height: 1.08;\n    letter-spacing: -.015em;\n  }\n  #ccx-claw .ccx-h3 {\n    font-family: var(--ccx-serif);\n    font-weight: 400;\n    font-size: clamp(1.9rem, 3.3vw, 2.9rem);\n    line-height: 1.08;\n    letter-spacing: -.015em;\n    text-wrap: balance;\n  }\n  #ccx-claw .ccx-body {\n    font-size: clamp(1rem, 1.1vw, 1.0625rem);\n    line-height: 1.65;\n    color: var(--ccx-steel);\n    max-width: 40ch;\n  }\n  #ccx-claw .ccx-dark .ccx-body { color: var(--ccx-ash); }\n  #ccx-claw .ccx-name { font-size: 15px; font-weight: 500; letter-spacing: .01em; color: var(--ccx-ash); margin-bottom: 22px; }\n\n  \/* Chrome lettering (dark sections only) *\/\n  #ccx-claw .ccx-chrome {\n    color: #e6e9ec;\n    background-image: var(--ccx-chrome);\n    background-size: 260% 100%;\n    background-position: 0% 50%;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n  @supports not ((-webkit-background-clip: text) or (background-clip: text)) {\n    #ccx-claw .ccx-chrome { -webkit-text-fill-color: currentColor; background: none; }\n  }\n\n  \/* ---------- Buttons ---------- *\/\n  #ccx-claw .ccx-btn {\n    display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n    min-height: 54px; padding: 0 32px; border: 0; border-radius: 999px;\n    font-family: var(--ccx-sans); font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: .01em;\n    text-decoration: none; white-space: nowrap; cursor: pointer;\n    transition: transform .25s var(--ccx-ease), box-shadow .35s var(--ccx-ease), background-position .8s var(--ccx-ease);\n  }\n  #ccx-claw .ccx-btn:hover { text-decoration: none; transform: translateY(-1px); }\n  #ccx-claw .ccx-btn:active { transform: translateY(0); }\n  #ccx-claw .ccx-btn--chrome {\n    color: #000;\n    background-image: linear-gradient(180deg, #ffffff 0%, #e4e7ea 44%, #b8bec4 56%, #f1f3f5 100%);\n    background-size: 100% 100%;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(0,0,0,.28), 0 14px 34px -16px rgba(255,255,255,.45);\n  }\n  #ccx-claw .ccx-btn--chrome:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(0,0,0,.28), 0 18px 42px -14px rgba(255,255,255,.6); }\n  #ccx-claw .ccx-btn--chrome:focus-visible { outline-color: #fff; }\n  #ccx-claw .ccx-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 40px; }\n  #ccx-claw .ccx-note { font-size: 14px; line-height: 1.45; color: var(--ccx-ash); max-width: 26ch; }\n\n  \/* ---------- 1. Hero ---------- *\/\n  #ccx-claw .ccx-hero { padding-top: 0; }\n  #ccx-claw .ccx-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 48px; align-items: center; }\n  #ccx-claw .ccx-hero__media {\n    position: relative; overflow: hidden; aspect-ratio: 1 \/ 1; background: #7a0008;\n    margin-inline: calc(var(--ccx-gutter) * -1);\n  }\n  #ccx-claw .ccx-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform 2.4s var(--ccx-ease); }\n  #ccx-claw .ccx-hero__text { margin-top: 28px; font-size: clamp(1.0625rem, 1.25vw, 1.1875rem); line-height: 1.6; color: var(--ccx-ash); max-width: 34ch; }\n  @media (min-width: 900px) {\n    #ccx-claw .ccx-hero { padding-top: clamp(80px, 9vw, 140px); }\n    #ccx-claw .ccx-hero__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); column-gap: clamp(48px, 6vw, 112px); }\n    #ccx-claw .ccx-hero__media { order: 2; margin-inline: 0; }\n    #ccx-claw .ccx-hero__copy { order: 1; }\n  }\n  \/* The one orchestrated moment: chrome sheen + image settle when the hero enters view *\/\n  #ccx-claw.ccx-js .ccx-hero:not(.ccx-in) .ccx-chrome { background-position: 100% 50%; }\n  #ccx-claw.ccx-js .ccx-hero:not(.ccx-in) .ccx-hero__media img { transform: scale(1.07); }\n  #ccx-claw .ccx-hero.ccx-in .ccx-chrome { animation: ccx-sheen 2.6s var(--ccx-ease) .15s both; }\n  @keyframes ccx-sheen { from { background-position: 100% 50%; } to { background-position: 0% 50%; } }\n\n  \/* ---------- 2. Statement + design chapters ---------- *\/\n  #ccx-claw .ccx-statement { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 28px; }\n  @media (min-width: 900px) {\n    #ccx-claw .ccx-statement { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }\n    #ccx-claw .ccx-statement .ccx-lead { grid-column: 1 \/ 11; }\n    #ccx-claw .ccx-statement .ccx-body { grid-column: 7 \/ 12; margin-top: 24px; }\n  }\n  #ccx-claw .ccx-chapters { margin-top: clamp(96px, 13vw, 200px); display: grid; row-gap: clamp(96px, 13vw, 200px); }\n  #ccx-claw .ccx-ch { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 32px; align-items: center; }\n  #ccx-claw .ccx-ch__media { overflow: hidden; background: #d6dadf; }\n  #ccx-claw .ccx-ch__media img { width: 100%; height: 100%; object-fit: cover; }\n  #ccx-claw .ccx-ch__copy .ccx-body { margin-top: 20px; }\n  #ccx-claw .ccx-r-45 { aspect-ratio: 4 \/ 5; }\n  #ccx-claw .ccx-r-11 { aspect-ratio: 1 \/ 1; }\n  #ccx-claw .ccx-pos-face img { object-position: 50% 30%; }\n  #ccx-claw .ccx-pos-top img { object-position: 50% 0%; }\n  @media (min-width: 900px) {\n    #ccx-claw .ccx-ch { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); column-gap: clamp(48px, 8vw, 128px); }\n    #ccx-claw .ccx-ch--flip { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }\n    #ccx-claw .ccx-ch--flip .ccx-ch__media { order: 2; }\n    #ccx-claw .ccx-ch--flip .ccx-ch__copy { order: 1; }\n  }\n\n  \/* ---------- 3. Editorial band ---------- *\/\n  #ccx-claw .ccx-band { padding-bottom: clamp(56px, 7vw, 96px); }\n  #ccx-claw .ccx-band__fig { overflow: hidden; aspect-ratio: 1 \/ 1; background: #8ea2b1; }\n  #ccx-claw .ccx-band__fig img { width: 100%; height: 100%; object-fit: cover; object-position: 38% 50%; }\n  #ccx-claw .ccx-band__cap {\n    margin-top: clamp(28px, 4vw, 48px);\n    font-family: var(--ccx-serif); font-size: clamp(1.5rem, 2.6vw, 2.25rem); line-height: 1.2; letter-spacing: -.01em; text-wrap: balance;\n  }\n  @media (min-width: 900px) {\n    #ccx-claw .ccx-band__fig { aspect-ratio: 21 \/ 9; }\n    #ccx-claw .ccx-band__fig img { object-position: 50% 45%; }\n    #ccx-claw .ccx-band__cap { text-align: right; }\n  }\n\n  \/* ---------- 4. Details, fit, questions ---------- *\/\n  #ccx-claw .ccx-split { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 36px; }\n  #ccx-claw .ccx-split + .ccx-split { margin-top: clamp(96px, 11vw, 168px); }\n  #ccx-claw .ccx-split__head .ccx-body { margin-top: 16px; max-width: 32ch; }\n  @media (min-width: 900px) {\n    #ccx-claw .ccx-split { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: clamp(48px, 6vw, 96px); align-items: start; }\n    #ccx-claw .ccx-split__head { position: sticky; top: 120px; }\n  }\n\n  #ccx-claw .ccx-specs { border-bottom: 1px solid var(--ccx-line); }\n  #ccx-claw .ccx-spec { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 6px; padding-block: 22px; border-top: 1px solid var(--ccx-line); }\n  #ccx-claw .ccx-spec dt { font-size: 14px; font-weight: 500; color: var(--ccx-steel); letter-spacing: .01em; }\n  #ccx-claw .ccx-spec dd { font-size: 1.0625rem; line-height: 1.5; color: var(--ccx-ink); }\n  @media (min-width: 640px) {\n    #ccx-claw .ccx-spec { grid-template-columns: minmax(150px, 1fr) minmax(0, 2fr); column-gap: 32px; }\n  }\n\n  #ccx-claw .ccx-fit { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--ccx-line); }\n  #ccx-claw .ccx-fit__col { padding-block: 28px; }\n  #ccx-claw .ccx-fit__col + .ccx-fit__col { border-top: 1px solid var(--ccx-line); }\n  #ccx-claw .ccx-fit__title { font-size: 14px; font-weight: 500; color: var(--ccx-steel); margin-bottom: 18px; }\n  #ccx-claw .ccx-fit__list li { display: flex; align-items: center; gap: 14px; font-size: 1.125rem; line-height: 1.35; padding-block: 8px; }\n  #ccx-claw .ccx-fit__list--no li { color: var(--ccx-steel); }\n  #ccx-claw .ccx-tick {\n    width: 28px; height: 28px; border-radius: 50%; display: inline-grid; place-items: center; flex: none;\n    background: var(--ccx-ink); color: #fff;\n  }\n  #ccx-claw .ccx-dash {\n    width: 28px; height: 28px; border-radius: 50%; display: inline-grid; place-items: center; flex: none;\n    border: 1px solid rgba(16,18,20,.28); color: var(--ccx-steel);\n  }\n  @media (min-width: 640px) {\n    #ccx-claw .ccx-fit { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; }\n    #ccx-claw .ccx-fit__col + .ccx-fit__col { border-top: 0; }\n  }\n\n  #ccx-claw .ccx-steps { margin-top: 12px; border-top: 1px solid var(--ccx-line); counter-reset: ccx-step; }\n  #ccx-claw .ccx-steps li {\n    counter-increment: ccx-step; display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 12px;\n    padding-block: 20px; border-bottom: 1px solid var(--ccx-line); font-size: 1.0625rem; line-height: 1.55;\n  }\n  #ccx-claw .ccx-steps li::before {\n    content: counter(ccx-step); font-family: var(--ccx-serif); font-size: 1.6rem; line-height: 1; color: var(--ccx-steel);\n  }\n  #ccx-claw .ccx-steps strong { font-weight: 600; }\n\n  #ccx-claw .ccx-faq { border-bottom: 1px solid var(--ccx-line); }\n  #ccx-claw .ccx-faq details { border-top: 1px solid var(--ccx-line); }\n  #ccx-claw .ccx-faq summary {\n    display: flex; align-items: center; justify-content: space-between; gap: 24px;\n    min-height: 72px; padding-block: 20px; cursor: pointer; list-style: none;\n    font-size: clamp(1.0625rem, 1.3vw, 1.1875rem); font-weight: 500; line-height: 1.4; color: var(--ccx-ink);\n  }\n  #ccx-claw .ccx-faq summary::-webkit-details-marker { display: none; }\n  #ccx-claw .ccx-faq summary::marker { content: \"\"; }\n  #ccx-claw .ccx-plus { position: relative; width: 16px; height: 16px; flex: none; }\n  #ccx-claw .ccx-plus::before, #ccx-claw .ccx-plus::after {\n    content: \"\"; position: absolute; left: 0; top: 7.25px; width: 16px; height: 1.5px; background: currentColor;\n    transition: transform .35s var(--ccx-ease);\n  }\n  #ccx-claw .ccx-plus::after { transform: rotate(90deg); }\n  #ccx-claw .ccx-faq details[open] .ccx-plus::after { transform: rotate(0deg); }\n  #ccx-claw .ccx-faq__a { padding-bottom: 28px; max-width: 62ch; color: var(--ccx-steel); font-size: 1.0625rem; line-height: 1.65; }\n  #ccx-claw .ccx-faq__a a { color: var(--ccx-ink); }\n\n  \/* ---------- 5. Final call ---------- *\/\n  #ccx-claw .ccx-final { padding-top: 0; padding-bottom: 48px; }\n  #ccx-claw .ccx-final__grid { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 48px; align-items: center; }\n  #ccx-claw .ccx-final__media { overflow: hidden; aspect-ratio: 1199 \/ 1312; background: #cfe0ef; margin-inline: calc(var(--ccx-gutter) * -1); }\n  #ccx-claw .ccx-final__media img { width: 100%; height: 100%; object-fit: cover; }\n  #ccx-claw .ccx-final .ccx-body { margin-top: 24px; }\n  #ccx-claw .ccx-legal {\n    margin-top: clamp(80px, 10vw, 140px); padding-top: 24px; border-top: 1px solid var(--ccx-line-d);\n    font-size: 12px; line-height: 1.6; color: #8a9198; max-width: 90ch;\n  }\n  @media (min-width: 900px) {\n    #ccx-claw .ccx-final { padding-top: clamp(80px, 9vw, 140px); }\n    #ccx-claw .ccx-final__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); column-gap: clamp(48px, 8vw, 128px); }\n    #ccx-claw .ccx-final__media { margin-inline: 0; }\n  }\n\n  \/* ---------- Floating \"Choose model\" bar (moved to \u003cbody\u003e by the script) ---------- *\/\n  #ccx-claw-bar {\n    position: fixed; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 40;\n    display: flex; align-items: center; justify-content: space-between; gap: 16px;\n    width: min(520px, calc(100% - 24px)); margin: 0; padding: 8px 8px 8px 22px;\n    border: 1px solid rgba(255,255,255,.12); border-radius: 999px;\n    background: rgba(8, 9, 10, .84);\n    -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);\n    box-shadow: 0 20px 44px -18px rgba(0,0,0,.65);\n    color: #fff; font-family: var(--ccx-sans); font-size: 14px; line-height: 1.3; text-align: left;\n    -webkit-font-smoothing: antialiased;\n    transform: translate(-50%, 160%); opacity: 0; pointer-events: none; visibility: hidden;\n    transition: transform .5s var(--ccx-ease), opacity .35s var(--ccx-ease), visibility 0s linear .5s;\n  }\n  #ccx-claw-bar[hidden] { display: none; }\n  #ccx-claw-bar.is-on { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; visibility: visible; transition-delay: 0s; }\n  #ccx-claw-bar * { box-sizing: border-box; margin: 0; padding: 0; }\n  #ccx-claw-bar .ccx-bar__txt { display: flex; flex-direction: column; min-width: 0; }\n  #ccx-claw-bar .ccx-bar__name { font-family: var(--ccx-serif); font-size: 17px; line-height: 1.2; letter-spacing: -.005em; color: #fff; white-space: nowrap; }\n  #ccx-claw-bar .ccx-bar__fit { font-size: 12px; color: var(--ccx-ash); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n  #ccx-claw-bar .ccx-bar__btn {\n    display: inline-flex; align-items: center; justify-content: center; flex: none;\n    min-height: 46px; padding: 0 22px; border-radius: 999px; border: 0;\n    color: #000; text-decoration: none; font-family: var(--ccx-sans); font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap;\n    background-image: linear-gradient(180deg, #ffffff 0%, #e4e7ea 44%, #b8bec4 56%, #f1f3f5 100%);\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(0,0,0,.28);\n  }\n  #ccx-claw-bar .ccx-bar__btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }\n\n  \/* ---------- Reduced motion ---------- *\/\n  @media (prefers-reduced-motion: reduce) {\n    #ccx-claw *, #ccx-claw *::before, #ccx-claw *::after, #ccx-claw-bar { animation: none !important; transition: none !important; }\n    #ccx-claw.ccx-js .ccx-hero:not(.ccx-in) .ccx-hero__media img { transform: none; }\n    #ccx-claw.ccx-js .ccx-hero:not(.ccx-in) .ccx-chrome { background-position: 0% 50%; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv id=\"ccx-claw\" data-sticky=\"on\"\u003e\n\n  \u003c!-- 1. HERO --\u003e\n  \u003csection class=\"ccx-sec ccx-dark ccx-hero\" aria-labelledby=\"ccx-hero-title\"\u003e\n    \u003cdiv class=\"ccx-wrap ccx-hero__grid\"\u003e\n      \u003cfigure class=\"ccx-hero__media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Chrome_Earbud_Case_with_White_Cords.png?v=1793006036\u0026amp;width=1200\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Chrome_Earbud_Case_with_White_Cords.png?v=1793006036\u0026amp;width=480 480w,\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Chrome_Earbud_Case_with_White_Cords.png?v=1793006036\u0026amp;width=720 720w,\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Chrome_Earbud_Case_with_White_Cords.png?v=1793006036\u0026amp;width=960 960w,\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Chrome_Earbud_Case_with_White_Cords.png?v=1793006036\u0026amp;width=1254 1254w\" sizes=\"(min-width: 900px) min(56vw, 740px), 100vw\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\" alt=\"Chrome Claw case cover in mirror-polished metal, wrapped in white cables on a deep red backdrop\"\u003e\n      \u003c\/figure\u003e\n      \u003cdiv class=\"ccx-hero__copy\"\u003e\n        \u003cp class=\"ccx-name\"\u003eThe Chrome Claw\u003c\/p\u003e\n        \u003ch2 id=\"ccx-hero-title\" class=\"ccx-display ccx-chrome\"\u003e\n\u003cspan class=\"ccx-line\"\u003eMolten form,\u003c\/span\u003e\u003cspan class=\"ccx-line\"\u003eheld still.\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"ccx-hero__text\"\u003eA sculpted metal cover for AirPods Pro and AirPods Pro 2, polished to a mirror shine and shaped like chrome caught mid-flow.\u003c\/p\u003e\n        \u003cdiv class=\"ccx-actions\"\u003e\n          \u003ca href=\"#\" class=\"ccx-btn ccx-btn--chrome\" data-ccx-choose\u003eChoose your model\u003c\/a\u003e\n          \u003cspan class=\"ccx-note\"\u003eFits AirPods Pro (1st generation) and AirPods Pro 2\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 2. STATEMENT + DESIGN CHAPTERS --\u003e\n  \u003csection class=\"ccx-sec\" aria-labelledby=\"ccx-statement-title\"\u003e\n    \u003cdiv class=\"ccx-wrap\"\u003e\n      \u003cdiv class=\"ccx-statement\"\u003e\n        \u003ch2 id=\"ccx-statement-title\" class=\"ccx-lead\"\u003eMost cases are designed to disappear. This one was designed to be looked at.\u003c\/h2\u003e\n        \u003cp class=\"ccx-body\"\u003eRaised claw contours wrap the charging case like poured metal, so the object you reach for most each day becomes the one people ask about.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ccx-chapters\"\u003e\n        \u003carticle class=\"ccx-ch\"\u003e\n          \u003cfigure class=\"ccx-ch__media ccx-r-45 ccx-pos-face\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_Portrait_1.png?v=1793019289\u0026amp;width=960\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_Portrait_1.png?v=1793019289\u0026amp;width=480 480w,\n                      https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_Portrait_1.png?v=1793019289\u0026amp;width=720 720w,\n                      https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_Portrait_1.png?v=1793019289\u0026amp;width=1020 1020w\" sizes=\"(min-width: 900px) min(48vw, 640px), calc(100vw - 40px)\" width=\"1020\" height=\"1542\" loading=\"lazy\" decoding=\"async\" alt=\"Model holding the Chrome Claw case up to her eye, its raised chrome contours catching the light\"\u003e\n          \u003c\/figure\u003e\n          \u003cdiv class=\"ccx-ch__copy\"\u003e\n            \u003ch3 class=\"ccx-h3\"\u003eSculpted, not printed.\u003c\/h3\u003e\n            \u003cp class=\"ccx-body\"\u003eThe claw isn't a pattern on a flat shell. It's a three-dimensional form, with raised ridges and deep curves you can feel under your fingertips.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"ccx-ch ccx-ch--flip\"\u003e\n          \u003cfigure class=\"ccx-ch__media ccx-r-45\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Wet_Chrome_Gadget_Editorial.png?v=1793019244\u0026amp;width=960\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Wet_Chrome_Gadget_Editorial.png?v=1793019244\u0026amp;width=480 480w,\n                      https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Wet_Chrome_Gadget_Editorial.png?v=1793019244\u0026amp;width=720 720w,\n                      https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Wet_Chrome_Gadget_Editorial.png?v=1793019244\u0026amp;width=1122 1122w\" sizes=\"(min-width: 900px) min(48vw, 640px), calc(100vw - 40px)\" width=\"1122\" height=\"1402\" loading=\"lazy\" decoding=\"async\" alt=\"Hand holding the mirror-finish Chrome Claw case, water droplets on skin reflected in the metal\"\u003e\n          \u003c\/figure\u003e\n          \u003cdiv class=\"ccx-ch__copy\"\u003e\n            \u003ch3 class=\"ccx-h3\"\u003eA mirror you carry.\u003c\/h3\u003e\n            \u003cp class=\"ccx-body\"\u003eThe high-shine metallic surface reflects whatever is around it: window light, city light, the colour of your sleeve. It looks a little different every time you take it out.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"ccx-ch\"\u003e\n          \u003cfigure class=\"ccx-ch__media ccx-r-11 ccx-pos-top\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Futuristic_Chrome_Earbuds_Portrait_1.png?v=1793006036\u0026amp;width=960\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Futuristic_Chrome_Earbuds_Portrait_1.png?v=1793006036\u0026amp;width=480 480w,\n                      https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Futuristic_Chrome_Earbuds_Portrait_1.png?v=1793006036\u0026amp;width=720 720w,\n                      https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Futuristic_Chrome_Earbuds_Portrait_1.png?v=1793006036\u0026amp;width=1086 1086w\" sizes=\"(min-width: 900px) min(48vw, 640px), calc(100vw - 40px)\" width=\"1086\" height=\"1448\" loading=\"lazy\" decoding=\"async\" alt=\"Model wearing AirPods Pro while holding the Chrome Claw case beside her face\"\u003e\n          \u003c\/figure\u003e\n          \u003cdiv class=\"ccx-ch__copy\"\u003e\n            \u003ch3 class=\"ccx-h3\"\u003eShaped for AirPods Pro.\u003c\/h3\u003e\n            \u003cp class=\"ccx-body\"\u003eMade to fit the charging case of AirPods Pro (1st generation) and AirPods Pro 2. Choose your model in the options above before you order.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 3. EDITORIAL BAND --\u003e\n  \u003csection class=\"ccx-dark ccx-band\" aria-label=\"Chrome Claw editorial\"\u003e\n    \u003cfigure class=\"ccx-band__fig\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_by_Glossy_Lips.png?v=1792939497\u0026amp;width=1418\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_by_Glossy_Lips.png?v=1792939497\u0026amp;width=600 600w,\n                https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_by_Glossy_Lips.png?v=1792939497\u0026amp;width=900 900w,\n                https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_by_Glossy_Lips.png?v=1792939497\u0026amp;width=1200 1200w,\n                https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Case_by_Glossy_Lips.png?v=1792939497\u0026amp;width=1418 1418w\" sizes=\"100vw\" width=\"1418\" height=\"945\" loading=\"lazy\" decoding=\"async\" alt=\"Close-up of the Chrome Claw case held beside a model's glossy lips, with sculpted silver rings on her fingers\"\u003e\n    \u003c\/figure\u003e\n    \u003cdiv class=\"ccx-wrap\"\u003e\n      \u003cp class=\"ccx-band__cap\"\u003eHeld close. Noticed from across the room.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 4. DETAILS, FIT, QUESTIONS --\u003e\n  \u003csection class=\"ccx-sec\" aria-labelledby=\"ccx-details-title\"\u003e\n    \u003cdiv class=\"ccx-wrap\"\u003e\n\n      \u003cdiv class=\"ccx-split\"\u003e\n        \u003cdiv class=\"ccx-split__head\"\u003e\n          \u003ch2 id=\"ccx-details-title\" class=\"ccx-h2\"\u003eThe details\u003c\/h2\u003e\n          \u003cp class=\"ccx-body\"\u003eEverything worth knowing before it's yours.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdl class=\"ccx-specs\"\u003e\n          \u003cdiv class=\"ccx-spec\"\u003e\n\u003cdt\u003eDesign\u003c\/dt\u003e\n\u003cdd\u003eSculptural claw form with raised, molten-style contours\u003c\/dd\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"ccx-spec\"\u003e\n\u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003eMetal\u003c\/dd\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"ccx-spec\"\u003e\n\u003cdt\u003eFinish\u003c\/dt\u003e\n\u003cdd\u003eHigh-shine metallic, chrome look\u003c\/dd\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"ccx-spec\"\u003e\n\u003cdt\u003eFits\u003c\/dt\u003e\n\u003cdd\u003eAirPods Pro (1st generation), AirPods Pro 2\u003c\/dd\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"ccx-spec\"\u003e\n\u003cdt\u003eNot confirmed for\u003c\/dt\u003e\n\u003cdd\u003eAirPods Pro 3, AirPods 4 and other AirPods models\u003c\/dd\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"ccx-spec\"\u003e\n\u003cdt\u003eIn the box\u003c\/dt\u003e\n\u003cdd\u003eChrome Claw case cover\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ccx-split\" id=\"ccx-fit\"\u003e\n        \u003cdiv class=\"ccx-split__head\"\u003e\n          \u003ch2 class=\"ccx-h2\"\u003eCheck your model\u003c\/h2\u003e\n          \u003cp class=\"ccx-body\"\u003eIt takes about ten seconds, and it's the one thing to get right before you order.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ccx-fit\"\u003e\n            \u003cdiv class=\"ccx-fit__col\"\u003e\n              \u003ch3 class=\"ccx-fit__title\"\u003eFits\u003c\/h3\u003e\n              \u003cul class=\"ccx-fit__list\"\u003e\n                \u003cli\u003e\n\u003cspan class=\"ccx-tick\" aria-hidden=\"true\"\u003e\u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\"\u003e\u003cpath d=\"M2.5 6.2 5 8.6l4.6-5.2\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003eAirPods Pro (1st generation)\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"ccx-tick\" aria-hidden=\"true\"\u003e\u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\"\u003e\u003cpath d=\"M2.5 6.2 5 8.6l4.6-5.2\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003eAirPods Pro 2\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ccx-fit__col\"\u003e\n              \u003ch3 class=\"ccx-fit__title\"\u003eNot confirmed\u003c\/h3\u003e\n              \u003cul class=\"ccx-fit__list ccx-fit__list--no\"\u003e\n                \u003cli\u003e\n\u003cspan class=\"ccx-dash\" aria-hidden=\"true\"\u003e\u003csvg width=\"10\" height=\"10\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpath d=\"M2 5h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003eAirPods Pro 3\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"ccx-dash\" aria-hidden=\"true\"\u003e\u003csvg width=\"10\" height=\"10\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpath d=\"M2 5h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003eAirPods 4\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"ccx-dash\" aria-hidden=\"true\"\u003e\u003csvg width=\"10\" height=\"10\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpath d=\"M2 5h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003eOther AirPods models\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003col class=\"ccx-steps\"\u003e\n            \u003cli\u003e\u003cspan\u003eConnect your AirPods to your iPhone and open \u003cstrong\u003eSettings\u003c\/strong\u003e.\u003c\/span\u003e\u003c\/li\u003e\n            \u003cli\u003e\u003cspan\u003eTap \u003cstrong\u003eBluetooth\u003c\/strong\u003e, then the \u003cstrong\u003eⓘ\u003c\/strong\u003e next to your AirPods.\u003c\/span\u003e\u003c\/li\u003e\n            \u003cli\u003e\u003cspan\u003eLook at \u003cstrong\u003eModel Name\u003c\/strong\u003e. It should read AirPods Pro or AirPods Pro (2nd generation).\u003c\/span\u003e\u003c\/li\u003e\n          \u003c\/ol\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ccx-split\"\u003e\n        \u003cdiv class=\"ccx-split__head\"\u003e\n          \u003ch2 class=\"ccx-h2\"\u003eQuestions\u003c\/h2\u003e\n          \u003cp class=\"ccx-body\"\u003eCan't find your answer? \u003ca href=\"\/pages\/contact\"\u003eGet in touch\u003c\/a\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ccx-faq\"\u003e\n          \u003cdetails\u003e\n            \u003csummary\u003eWhich AirPods does the Chrome Claw fit?\u003cspan class=\"ccx-plus\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n            \u003cdiv class=\"ccx-faq__a\"\u003e\u003cp\u003eAirPods Pro (1st generation) and AirPods Pro 2. Choose your model in the options above before you add it to your bag.\u003c\/p\u003e\u003c\/div\u003e\n          \u003c\/details\u003e\n          \u003cdetails\u003e\n            \u003csummary\u003eWill it fit AirPods Pro 3 or AirPods 4?\u003cspan class=\"ccx-plus\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n            \u003cdiv class=\"ccx-faq__a\"\u003e\u003cp\u003eFit with AirPods Pro 3, AirPods 4 and other AirPods models hasn't been confirmed, so we only recommend the Chrome Claw for AirPods Pro (1st generation) and AirPods Pro 2.\u003c\/p\u003e\u003c\/div\u003e\n          \u003c\/details\u003e\n          \u003cdetails\u003e\n            \u003csummary\u003eHow can I tell which AirPods I have?\u003cspan class=\"ccx-plus\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n            \u003cdiv class=\"ccx-faq__a\"\u003e\u003cp\u003eWith your AirPods connected, open Settings on your iPhone, tap Bluetooth, then the ⓘ next to your AirPods. Model Name shows exactly which pair you own.\u003c\/p\u003e\u003c\/div\u003e\n          \u003c\/details\u003e\n          \u003cdetails\u003e\n            \u003csummary\u003eWhat is it made of?\u003cspan class=\"ccx-plus\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n            \u003cdiv class=\"ccx-faq__a\"\u003e\u003cp\u003eMetal, with a high-shine metallic finish and a sculpted claw form.\u003c\/p\u003e\u003c\/div\u003e\n          \u003c\/details\u003e\n          \u003cdetails\u003e\n            \u003csummary\u003eHow do I keep it shining?\u003cspan class=\"ccx-plus\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n            \u003cdiv class=\"ccx-faq__a\"\u003e\u003cp\u003eWipe it with a soft, dry microfibre cloth. Avoid abrasive cloths, alcohol and harsh cleaners, and carry it apart from keys and coins to keep the surface free of scratches.\u003c\/p\u003e\u003c\/div\u003e\n          \u003c\/details\u003e\n          \u003cdetails\u003e\n            \u003csummary\u003eWhat's in the box?\u003cspan class=\"ccx-plus\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n            \u003cdiv class=\"ccx-faq__a\"\u003e\u003cp\u003eThe Chrome Claw case cover.\u003c\/p\u003e\u003c\/div\u003e\n          \u003c\/details\u003e\n          \u003cdetails\u003e\n            \u003csummary\u003eHow do delivery and returns work?\u003cspan class=\"ccx-plus\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n            \u003cdiv class=\"ccx-faq__a\"\u003e\u003cp\u003eDelivery options and timings are shown at checkout. For full details, see our \u003ca href=\"\/policies\/shipping-policy\"\u003eshipping policy\u003c\/a\u003e and \u003ca href=\"\/policies\/refund-policy\"\u003ereturns policy\u003c\/a\u003e.\u003c\/p\u003e\u003c\/div\u003e\n          \u003c\/details\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 5. FINAL CALL --\u003e\n  \u003csection class=\"ccx-sec ccx-dark ccx-final\" aria-labelledby=\"ccx-final-title\"\u003e\n    \u003cdiv class=\"ccx-wrap ccx-final__grid\"\u003e\n      \u003cfigure class=\"ccx-final__media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Earbuds_Portrait_1.png?v=1793019301\u0026amp;width=960\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Earbuds_Portrait_1.png?v=1793019301\u0026amp;width=480 480w,\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Earbuds_Portrait_1.png?v=1793019301\u0026amp;width=720 720w,\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Earbuds_Portrait_1.png?v=1793019301\u0026amp;width=960 960w,\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Molten_Chrome_Earbuds_Portrait_1.png?v=1793019301\u0026amp;width=1199 1199w\" sizes=\"(min-width: 900px) min(48vw, 640px), 100vw\" width=\"1199\" height=\"1312\" loading=\"lazy\" decoding=\"async\" alt=\"Model in a black sweater holding the Chrome Claw case, wearing AirPods Pro\"\u003e\n      \u003c\/figure\u003e\n      \u003cdiv class=\"ccx-final__copy\"\u003e\n        \u003ch2 id=\"ccx-final-title\" class=\"ccx-display ccx-chrome\"\u003e\n\u003cspan class=\"ccx-line\"\u003eMake it\u003c\/span\u003e\u003cspan class=\"ccx-line\"\u003eyours.\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"ccx-body\"\u003eFor AirPods Pro (1st generation) and AirPods Pro 2.\u003c\/p\u003e\n        \u003cdiv class=\"ccx-actions\"\u003e\n          \u003ca href=\"#\" class=\"ccx-btn ccx-btn--chrome\" data-ccx-choose\u003eChoose your model\u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ccx-wrap\"\u003e\n      \u003cp class=\"ccx-legal\"\u003eAirPods and AirPods Pro are trademarks of Apple Inc., registered in the U.S. and other countries and regions. The Chrome Claw is an independent accessory and is not made by, affiliated with or endorsed by Apple Inc.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Floating bar (the script moves it to \u003cbody\u003e so no theme container can trap it) --\u003e\n  \u003cdiv id=\"ccx-claw-bar\" hidden aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"ccx-bar__txt\"\u003e\n      \u003cspan class=\"ccx-bar__name\"\u003eChrome Claw\u003c\/span\u003e\n      \u003cspan class=\"ccx-bar__fit\"\u003eFor AirPods Pro and AirPods Pro 2\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003ca href=\"#\" class=\"ccx-bar__btn\" data-ccx-choose tabindex=\"-1\"\u003eChoose model\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  var root = document.getElementById('ccx-claw');\n  if (!root || root.getAttribute('data-ccx-ready')) return;\n  root.setAttribute('data-ccx-ready', '1');\n  root.classList.add('ccx-js');\n\n  var reduce = window.matchMedia \u0026\u0026 window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var EXCLUDE = 'dialog,[role=\"dialog\"],.quick-add-modal,[id*=\"QuickAdd\"],[class*=\"quick-add\"],[class*=\"quickview\"],[class*=\"drawer\"],#ccx-claw,#ccx-claw-bar';\n\n  function isShown(el) { return !!(el \u0026\u0026 (el.offsetWidth || el.offsetHeight || el.getClientRects().length)); }\n  function firstUsable(selector) {\n    var list = document.querySelectorAll(selector);\n    for (var i = 0; i \u003c list.length; i++) {\n      if (!list[i].closest(EXCLUDE) \u0026\u0026 isShown(list[i])) return list[i];\n    }\n    return null;\n  }\n  function productForm() { return firstUsable('form[action*=\"\/cart\/add\"]'); }\n  function modelPicker() {\n    return firstUsable('variant-selects, variant-radios, variant-picker, .product-form__input, .product__variants, .product-variant-picker, .variant-picker, [data-variant-picker], .selector-wrapper');\n  }\n\n  \/* \"Choose your model\": bring the shopper back to the theme's model selector *\/\n  function chooseModel(e) {\n    var target = modelPicker() || productForm();\n    if (!target) return; \/* fallback: href=\"#\" returns to the top of the page *\/\n    e.preventDefault();\n    target.scrollIntoView({ behavior: reduce ? 'auto' : 'smooth', block: 'center' });\n    var field = target.querySelector('input:not([type=\"hidden\"]):not([disabled]), select');\n    if (field) {\n      setTimeout(function () { try { field.focus({ preventScroll: true }); } catch (err) {} }, reduce ? 0 : 700);\n    }\n  }\n  var buttons = document.querySelectorAll('#ccx-claw [data-ccx-choose]');\n  for (var b = 0; b \u003c buttons.length; b++) buttons[b].addEventListener('click', chooseModel);\n\n  \/* Hero: chrome sheen + image settle, once, when it comes into view *\/\n  var hero = root.querySelector('.ccx-hero');\n  if (hero) {\n    if (!reduce \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        for (var i = 0; i \u003c entries.length; i++) {\n          if (entries[i].isIntersecting) { hero.classList.add('ccx-in'); io.disconnect(); break; }\n        }\n      }, { threshold: 0.3 });\n      io.observe(hero);\n    } else {\n      hero.classList.add('ccx-in');\n    }\n  }\n\n  \/* Floating bar *\/\n  var bar = root.querySelector('#ccx-claw-bar');\n  if (!bar) return;\n  if (root.getAttribute('data-sticky') === 'off') { bar.parentNode.removeChild(bar); return; }\n\n  var stale = document.querySelectorAll('#ccx-claw-bar');\n  for (var s = 0; s \u003c stale.length; s++) { if (stale[s] !== bar) stale[s].parentNode.removeChild(stale[s]); }\n  document.body.appendChild(bar);\n  bar.hidden = false;\n\n  var barBtn = bar.querySelector('[data-ccx-choose]');\n  barBtn.addEventListener('click', chooseModel);\n  var finalSec = root.querySelector('.ccx-final');\n  var form = productForm();\n  var on = null, ticking = false;\n\n  function setOn(v) {\n    if (v === on) return;\n    on = v;\n    bar.classList.toggle('is-on', v);\n    bar.setAttribute('aria-hidden', v ? 'false' : 'true');\n    barBtn.tabIndex = v ? 0 : -1;\n  }\n  function check() {\n    ticking = false;\n    if (!document.body.contains(root)) { setOn(false); return; }\n    var vh = window.innerHeight || document.documentElement.clientHeight;\n    var r = root.getBoundingClientRect();\n    var inside = r.top \u003c vh * 0.6 \u0026\u0026 r.bottom \u003e vh;\n    var nearEnd = finalSec ? finalSec.getBoundingClientRect().top \u003c vh * 0.9 : false;\n    var formInView = false;\n    if (form \u0026\u0026 isShown(form)) {\n      var fr = form.getBoundingClientRect();\n      formInView = fr.bottom \u003e 0 \u0026\u0026 fr.top \u003c vh;\n    }\n    setOn(inside \u0026\u0026 !nearEnd \u0026\u0026 !formInView);\n  }\n  function queue() { if (!ticking) { ticking = true; window.requestAnimationFrame(check); } }\n  window.addEventListener('scroll', queue, { passive: true });\n  window.addEventListener('resize', queue, { passive: true });\n  check();\n})();\n\u003c\/script\u003e","brand":"ZenVy","offers":[{"title":"AirPods 1-2","offer_id":67834628800606,"sku":"14:33#AirPods 1-2","price":74.0,"currency_code":"USD","in_stock":true},{"title":"AirPods 1-2  1","offer_id":67834628866142,"sku":"14:1202#AirPods 1-2","price":69.0,"currency_code":"USD","in_stock":true},{"title":"Black AirPods3","offer_id":67834628898910,"sku":"14:34088429#Black AirPods3","price":64.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/2218\/3006\/files\/Chrome_Molten-Metal_Earbud_Case.png?v=1793018594","url":"https:\/\/getzenvy.shop\/products\/protective-metal-teeth-case-for-airpods-pro-pro2-custom-original-cover-for-airpods-4-pro1-earphone-sleeve","provider":"ZenVy","version":"1.0","type":"link"}