{"product_id":"tracker-one","title":"Tracker One","description":"\u003c!-- ================================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- COMPLETE COMPONENT: FIND BY SOUND SECTION (CORRECTED HEIGHT) --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Copy and paste this entire block into your page. --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ================================================================= --\u003e\n\u003cstyle\u003e\n\/*\n* =============================================\n* Design System Foundation (Shared) - PING FEATURE\n* =============================================\n*\/\n:root {\n--ping-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n--ping-color-background: #ffffff;\n--ping-color-heading: #1d1d1f; \/* A deep, near-black for headings *\/\n--ping-color-paragraph: #515154; \/* A softer gray for body text *\/\n--ping-color-ring: #0000000d; \/* Very subtle light gray for rings *\/\n--ping-border-radius: 40px; \/* Increased radius for the much larger image *\/\n}\n\n\/*\n* =============================================\n* Keyframe Animation for the Ripple Effect\n* =============================================\n*\/\n@keyframes ping-ripple {\n0% {\ntransform: translate(-50%, -50%) scale(0.33);\nopacity: 1;\n}\n100% {\ntransform: translate(-50%, -50%) scale(1);\nopacity: 0;\n}\n}\n\n\/*\n* =============================================\n* Component: Ping Feature Section\n* =============================================\n*\/\n.ping-feature {\nfont-family: var(--ping-font-family);\nbackground-color: var(--ping-color-background);\ncolor: var(--ping-color-paragraph);\npadding: 96px 24px;\noverflow: hidden; \/* Prevents rings from overflowing on small screens *\/\n}\n\n.ping-feature * {\nbox-sizing: border-box;\n}\n\n.ping-feature__container {\nmax-width: 1400px; \/* Increased max-width to give space *\/\nmargin: 0 auto;\ndisplay: flex;\nalign-items: center;\ngap: 64px;\n}\n\n.ping-feature__text-content {\nflex: 1;\nmax-width: 450px; \/* Controls line length for readability *\/\n}\n\n.ping-feature__title {\nfont-size: clamp(2.5rem, 5vw, 3.5rem);\nfont-weight: 700;\ncolor: var(--ping-color-heading);\nline-height: 1.1;\nmargin: 0 0 20px 0;\n}\n\n.ping-feature__description {\nfont-size: 1.1rem;\nline-height: 1.6;\nmargin: 0;\n}\n\n.ping-feature__visual {\nflex: 1;\nposition: relative;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\n\/* REMOVED: min-height is removed to allow the container to fit its content naturally *\/\n}\n\n\/* The central tracker image element *\/\n.ping-feature__tracker-image {\nwidth: 500px; \/* Doubled size *\/\nheight: 500px; \/* Doubled size *\/\nborder-radius: var(--ping-border-radius);\nposition: relative;\nz-index: 10;\nobject-fit: cover;\n}\n\n\/* The concentric rings *\/\n.ping-feature__ring {\nposition: absolute;\ntop: 50%;\nleft: 50%;\nborder-radius: 50%;\nborder: 10px solid var(--ping-color-ring);\nz-index: 1;\nopacity: 0;\nanimation-name: ping-ripple;\nanimation-duration: 3s;\nanimation-iteration-count: infinite;\nanimation-timing-function: ease-out;\n}\n\n\/* Ring sizes scaled up significantly *\/\n.ping-feature__ring--1 { width: 650px; height: 650px; animation-delay: 0s; }\n.ping-feature__ring--2 { width: 750px; height: 750px; animation-delay: 1s; }\n.ping-feature__ring--3 { width: 850px; height: 850px; animation-delay: 2s; }\n\n\/* Accessibility: Disable animation for users who prefer reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n.ping-feature__ring {\nanimation: none;\nopacity: 1; \/* Make rings statically visible instead *\/\n}\n}\n\n\/* Responsive styles for mobile *\/\n@media (max-width: 834px) {\n.ping-feature__container {\nflex-direction: column;\ntext-align: center;\n}\n\n.ping-feature__visual {\norder: -1; \/* Move the visual to the top on mobile *\/\nmargin-bottom: 48px;\n\/* REMOVED: min-height is removed to allow the container to fit its content naturally *\/\n}\n\n\/* Scaled up visuals for smaller screens *\/\n.ping-feature__tracker-image { width: 280px; height: 280px; }\n.ping-feature__ring--1 { width: 360px; height: 360px; }\n.ping-feature__ring--2 { width: 440px; height: 440px; }\n.ping-feature__ring--3 { width: 520px; height: 520px; }\n}\n\n\u003c\/style\u003e\n\u003csection class=\"ping-feature\"\u003e\n\u003cdiv class=\"ping-feature__container\"\u003e\n\u003cdiv class=\"ping-feature__text-content\"\u003e\n\u003ch2 class=\"ping-feature__title\"\u003eAlso Find By Sound.\u003c\/h2\u003e\n\u003cp class=\"ping-feature__description\"\u003eWhen your keys or wallet play hide and seek, the Arctic Fox Tracker One ends the game. Use the app to trigger a loud, clear sound from the tracker's built-in speaker. Whether it's buried in the couch or left in another room, you can follow the ring and find it in seconds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ping-feature__visual\"\u003e\n\u003c!-- The rings are pure CSS, with the image in the center --\u003e\n\u003cdiv class=\"ping-feature__ring ping-feature__ring--1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping-feature__ring ping-feature__ring--2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping-feature__ring ping-feature__ring--3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cimg class=\"ping-feature__tracker-image\" alt=\"Arctic Fox Tracker One\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/Card.png?v=1758099708\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================================================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- COMPLETE COMPONENT: GLOBAL TRACKING SECTION (UPDATED CONTENT) --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Copy and paste this entire block into your page. --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ================================================================= --\u003e\n\u003cstyle\u003e\n\/*\n* =============================================\n* Design System Foundation (Shared) - PING FEATURE\n* =============================================\n*\/\n:root {\n--ping-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n--ping-color-background: #ffffff;\n--ping-color-heading: #1d1d1f; \/* A deep, near-black for headings *\/\n--ping-color-paragraph: #515154; \/* A softer gray for body text *\/\n--ping-color-ring: #0000000d; \/* Very subtle light gray for rings *\/\n--ping-border-radius: 40px; \/* Increased radius for the much larger image *\/\n}\n\n\/*\n* =============================================\n* Keyframe Animation for the Ripple Effect\n* =============================================\n*\/\n@keyframes ping-ripple {\n0% {\ntransform: translate(-50%, -50%) scale(0.33);\nopacity: 1;\n}\n100% {\ntransform: translate(-50%, -50%) scale(1);\nopacity: 0;\n}\n}\n\n\/*\n* =============================================\n* Component: Ping Feature Section\n* =============================================\n*\/\n.ping-feature {\nfont-family: var(--ping-font-family);\nbackground-color: var(--ping-color-background);\ncolor: var(--ping-color-paragraph);\npadding: 96px 24px;\noverflow: hidden; \/* Prevents rings from overflowing on small screens *\/\n}\n\n.ping-feature * {\nbox-sizing: border-box;\n}\n\n.ping-feature__container {\nmax-width: 1400px;\nmargin: 0 auto;\ndisplay: flex;\nalign-items: center;\ngap: 64px;\n}\n\n.ping-feature__text-content {\nflex: 1;\nmax-width: 450px; \/* Controls line length for readability *\/\n}\n\n.ping-feature__superheading {\nfont-size: 0.9rem;\nfont-weight: 600;\ncolor: var(--ping-color-paragraph);\ntext-transform: uppercase;\nletter-spacing: 1px;\nmargin: 0 0 12px 0;\ndisplay: block;\n}\n\n.ping-feature__title {\nfont-size: clamp(2.5rem, 5vw, 3.5rem);\nfont-weight: 700;\ncolor: var(--ping-color-heading);\nline-height: 1.1;\nmargin: 0 0 20px 0;\n}\n\n.ping-feature__description {\nfont-size: 1.1rem;\nline-height: 1.6;\nmargin: 0;\n}\n\n.ping-feature__visual {\nflex: 1;\nposition: relative;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\n}\n\n\/* The central tracker image element *\/\n.ping-feature__tracker-image {\nwidth: 500px;\nheight: 500px;\nborder-radius: var(--ping-border-radius);\nposition: relative;\nz-index: 10;\nobject-fit: cover;\n}\n\n\/* The concentric rings *\/\n.ping-feature__ring {\nposition: absolute;\ntop: 50%;\nleft: 50%;\nborder-radius: 50%;\nborder: 10px solid var(--ping-color-ring);\nz-index: 1;\nopacity: 0;\nanimation-name: ping-ripple;\nanimation-duration: 3s;\nanimation-iteration-count: infinite;\nanimation-timing-function: ease-out;\n}\n\n\/* Ring sizes scaled up significantly *\/\n.ping-feature__ring--1 { width: 650px; height: 650px; animation-delay: 0s; }\n.ping-feature__ring--2 { width: 750px; height: 750px; animation-delay: 1s; }\n.ping-feature__ring--3 { width: 850px; height: 850px; animation-delay: 2s; }\n\n\/* Accessibility: Disable animation for users who prefer reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n.ping-feature__ring {\nanimation: none;\nopacity: 1; \/* Make rings statically visible instead *\/\n}\n}\n\n\/* Responsive styles for mobile *\/\n@media (max-width: 834px) {\n.ping-feature__container {\nflex-direction: column;\ntext-align: center;\n}\n\n.ping-feature__visual {\nmargin-bottom: 48px;\n}\n\n\/* Scaled up visuals for smaller screens *\/\n.ping-feature__tracker-image { width: 280px; height: 280px; }\n.ping-feature__ring--1 { width: 360px; height: 360px; }\n.ping-feature__ring--2 { width: 440px; height: 440px; }\n.ping-feature__ring--3 { width: 520px; height: 520px; }\n}\n\n\u003c\/style\u003e\n\u003csection class=\"ping-feature\"\u003e\n\u003cdiv class=\"ping-feature__container\"\u003e\n\u003cdiv class=\"ping-feature__visual\"\u003e\n\u003cdiv class=\"ping-feature__ring ping-feature__ring--1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping-feature__ring ping-feature__ring--2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping-feature__ring ping-feature__ring--3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cimg class=\"ping-feature__tracker-image\" alt=\"Arctic Fox Tracker shown on a global map, indicating worldwide tracking capability.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/Only_World_a8c57f28-3c48-4279-bcf6-16375447ab80.png?v=1758174495\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ping-feature__text-content\"\u003e\n\u003c!-- UPDATED: Superheading to reflect compatibility --\u003e\n\u003cp class=\"ping-feature__superheading\"\u003eUniversal Compatibility\u003c\/p\u003e\n\u003ch2 class=\"ping-feature__title\"\u003eTrack from Anywhere. Find Everywhere.\u003c\/h2\u003e\n\u003c!-- UPDATED: Description now specifies Apple and Google network compatibility --\u003e\n\u003cp class=\"ping-feature__description\"\u003eThe Arctic Fox Tracker One works seamlessly with both the Apple Find My and Google's Find My Device networks. This allows you to tap into a secure and anonymous global network of hundreds of millions of devices to pinpoint its location, giving you peace of mind no matter where life takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n                        \u003c!-- ================================================================= --\u003e\n\u003c!-- COMPLETE COMPONENT: HERO BANNER (ICONS ONLY) --\u003e\n\u003c!-- Copy and paste this entire block into your page. --\u003e\n\u003c!-- ================================================================= --\u003e\n\u003cstyle\u003e\n\/*\n* =============================================\n* Design System Foundation (Shared) - DARK THEME\n* =============================================\n*\/\n:root {\n\/* Colors *\/\n--color-text-primary-dark: #E0E0E0;\n--color-accent-dark: #00E676;\n--color-background-dark: #121212;\n--color-card-background-dark: #1F1F1F;\n--color-text-secondary-dark: rgba(224, 224, 224, 0.7);\n\n\/* Typography *\/\n--font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n--font-family-display: 'Geist', var(--font-family-sans);\n--font-weight-regular: 400;\n--font-weight-bold: 600;\n\/* Layout \u0026 Spacing *\/\n--spacing-lg: 24px;\n--spacing-xl: 32px;\n--spacing-xxl: 64px;\n\/* Borders \u0026 Radius *\/\n--border-radius-md: 12px;\n--border-radius-pill: 9999px;\n}\n\n\/*\n* =============================================\n* Component: Hero Banner - DARK THEME\n* =============================================\n*\/\n.hero-banner {\nposition: relative; \/* This is the positioning context for the content *\/\nfont-family: var(--font-family-display);\ncolor: var(--color-text-primary-dark);\nbackground-color: var(--color-background-dark); \/* Fallback for video load *\/\nline-height: 0; \/* Removes extra space below the video *\/\n}\n\n.hero-banner__video-bg {\nwidth: 100%;\nheight: auto; \/* Maintains aspect ratio *\/\ndisplay: block; \/* Removes bottom margin\/padding *\/\nz-index: 1;\n}\n\n.hero-banner__main {\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nz-index: 3;\npadding: var(--spacing-xxl);\nbox-sizing: border-box;\n}\n\n\/* UPDATED: Simplified order-group as it now only contains the icons *\/\n.order-group {\nposition: absolute;\nbottom: var(--spacing-xxl);\nleft: 50%;\ntransform: translateX(-50%);\n}\n\/* UPDATED: Added a height to maintain visual consistency *\/\n.order-group__icons {\nheight: 57px;\npadding: 0 16px;\ngap: 12px;\nborder-radius: var(--border-radius-pill);\nborder: 1px solid rgba(255, 255, 255, 0.2);\ndisplay: flex;\nalign-items: center;\n}\n.order-group__icons img {\nheight: 38px;\nwidth: auto;\n}\n\n@media (max-width: 992px) {\n.order-group { display: none; }\n\n\/* UPDATED: Adjusted main content container for mobile view *\/\n.hero-banner__main {\ndisplay: flex;\nflex-direction: column;\njustify-content: flex-end;\nalign-items: center;\ntext-align: center;\npadding: var(--spacing-lg) var(--spacing-lg) 48px var(--spacing-lg);\n}\n}\n\n\/* REMOVED: Redundant media query for min-width as its target was deleted *\/\n\n\u003c\/style\u003e\n\u003csection class=\"hero-banner\"\u003e\n\u003cvideo class=\"hero-banner__video-bg\" autoplay loop muted playsinline poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/Only_Card.png?v=1758098160\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/eae7fabc5fe241f69b9c7d1f98a9b184.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cmain class=\"hero-banner__main\"\u003e\n\u003c!-- UPDATED: Order group now only contains the icons --\u003e\n\u003cdiv class=\"order-group\"\u003e\n\u003cdiv class=\"order-group__icons\"\u003e\n\u003cimg src=\"https:\/\/upload.wikimedia.org\/wikipedia\/en\/5\/5a\/Find_My_logo.svg\" alt=\"Apple Find My Compatible\"\u003e\n\u003cimg src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/4b\/Google_Find_Hub_logo.svg\" alt=\"Google Find Hub Compatible\"\u003e\n\u003c\/div\u003e\n\u003c!-- REMOVED: \"ORDER NOW\" button for desktop view --\u003e\n\u003c\/div\u003e\n\u003c!-- REMOVED: Mobile CTA stack and \"ORDER NOW\" button for mobile view --\u003e\n\u003c\/main\u003e\n\u003c\/section\u003e\n\n                        \u003c!-- ================================================================= --\u003e\n\u003c!-- COMPLETE COMPONENT: FLOW POINT BENTO (LIGHT THEME) - NO TEXT OVERLAY --\u003e\n\u003c!-- UPDATED HEADING FOR ARCTIC FOX TRACKER ONE --\u003e\n\u003c!-- Copy and paste this entire block into your page. --\u003e\n\u003c!-- ================================================================= --\u003e\n\u003cstyle\u003e\n    \/*\n    * =============================================\n    * Design System Foundation (Shared) - LIGHT THEME\n    * =============================================\n    *\/\n    :root {\n        \/* Colors *\/\n        --color-text-primary-light: #121212; \/* Dark text for contrast *\/\n        --color-accent-light: #008000; \/* Green accent, slightly darker for legibility *\/\n        --color-background-light: #FFFFFF; \/* Pure white background *\/\n        --color-card-background-light: #F0F0F0; \/* Light gray for cards *\/\n        --color-card-background-dark-light: #E0E0E0; \/* Slightly darker gray for gradients *\/\n        --color-text-secondary-light: rgba(0, 0, 0, 0.75); \/* Subtler dark text *\/\n\n        \/* Typography *\/\n        --font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        --font-family-display: 'Geist', var(--font-family-sans);\n        --font-weight-regular: 400;\n        --font-weight-bold: 600;\n        \/* Layout \u0026 Spacing *\/\n        --section-max-width: 1240px;\n        --section-padding-y: 96px;\n        --section-padding-x: 24px;\n        --spacing-lg: 24px;\n        --spacing-xxl: 64px;\n        \/* Borders \u0026 Radius *\/\n        --border-radius-md: 12px;\n    }\n\n    \/*\n    * =============================================\n    * Global Reveal-on-Scroll Animation System\n    * =============================================\n    *\/\n    .fade-in-up {\n        opacity: 0;\n        transform: translateY(50px);\n        transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1),\n        transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);\n    }\n    .fade-in-up.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/*\n    * =============================================\n    * Component: Info Grid (Flow Point Bento) - LIGHT THEME\n    * =============================================\n    *\/\n    .info-grid {\n        font-family: var(--font-family-display);\n        background-color: var(--color-background-light); \/* Main background *\/\n        padding: var(--section-padding-y) var(--section-padding-x);\n    }\n    .info-grid__container { max-width: var(--section-max-width); margin-inline: auto; }\n    .info-grid__header { margin-bottom: var(--spacing-xxl); }\n    .info-grid__tagline {\n        font-size: 1.5rem;\n        font-weight: var(--font-weight-bold);\n        color: var(--color-accent-light); \/* Accent color *\/\n        letter-spacing: -1px; margin: 0 0 12px 0;\n    }\n    .info-grid__title {\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: var(--font-weight-bold);\n        line-height: 1.1; letter-spacing: -3px;\n        color: var(--color-text-primary-light); \/* Dark text *\/\n        opacity: 0.9; margin: 0 0 var(--spacing-lg) 0;\n    }\n    .info-grid__subtitle {\n        font-family: var(--font-family-sans);\n        font-weight: var(--font-weight-regular);\n        font-size: 1rem; line-height: 1.4;\n        color: var(--color-text-secondary-light); \/* Subtler dark text *\/\n        max-width: 550px;\n    }\n\n    \/* Animation Delays *\/\n    .info-grid__header.fade-in-up { transition-delay: 0s; }\n    .info-grid__card--performance.fade-in-up { transition-delay: 0.1s; }\n    .info-grid__card--connectivity.fade-in-up { transition-delay: 0.2s; }\n    .info-grid__card--precision.fade-in-up { transition-delay: 0.15s; }\n    .info-grid__card--ergonomics.fade-in-up { transition-delay: 0.25s; }\n\n    \/* --- Grid Layout --- *\/\n    .info-grid__main { display: grid; gap: var(--spacing-lg); }\n    .info-grid__card {\n        border-radius: var(--border-radius-md); position: relative;\n        overflow: hidden;\n        background-color: var(--color-card-background-light); \/* Card background *\/\n        display: flex; padding: 40px; min-height: 420px;\n        color: var(--color-text-primary-light); \/* Dark text for cards *\/\n        transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n        border: 1px solid rgba(0,0,0,0.05); \/* Subtle border *\/\n        justify-content: center; \/* Center image vertically *\/\n        align-items: center; \/* Center image horizontally *\/\n    }\n    .info-grid__card:hover { transform: scale(1.03); z-index: 10; }\n    \/* Ensure image fills the card and is centered if needed *\/\n    .info-grid__card-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 1; \/* Full opacity for light theme images *\/ }\n    \/* .info-grid__card-content is now empty, but keeping it for structural consistency if needed later *\/\n    .info-grid__card-content { position: relative; z-index: 2; display: flex; flex-direction: column; width: 100%; height: 100%; }\n\n\n    \/* Card Specific Styles - Updated for Gaming Context \u0026 Light Theme *\/\n    .info-grid__card--performance {\n        background: linear-gradient(135deg, var(--color-card-background-dark-light), var(--color-card-background-light));\n        color: var(--color-text-primary-light);\n    }\n    \/* Removed specific text styling as content is gone *\/\n\n    .info-grid__card--connectivity {\n        background-color: var(--color-card-background-light); \/* Solid light for cards without gradients *\/\n    }\n    .info-grid__card--connectivity .info-grid__card-bg { object-fit: cover; object-position: center; }\n    \/* Removed specific text styling as content is gone *\/\n\n\n    .info-grid__card--precision {\n        background-color: var(--color-card-background-light);\n    }\n    .info-grid__card--precision .info-grid__card-bg { object-position: center; }\n    \/* Removed specific text styling as content is gone *\/\n\n\n    .info-grid__card--ergonomics {\n        background: linear-gradient(135deg, var(--color-card-background-dark-light), var(--color-card-background-light));\n        color: var(--color-text-primary-light);\n    }\n    .info-grid__card--ergonomics .info-grid__card-bg { object-position: center; }\n    \/* Removed specific text styling as content is gone *\/\n\n\n    @media (min-width: 993px) {\n        .info-grid__main { grid-template-columns: 2fr 1fr; grid-template-rows: auto auto; }\n    }\n    @media (max-width: 992px) and (min-width: 601px) {\n        .info-grid__main { grid-template-columns: 1fr 1fr; }\n    }\n    @media (max-width: 600px) {\n        .info-grid__main { display: flex; flex-direction: column; }\n        .info-grid__card { min-height: 380px; }\n    }\n\u003c\/style\u003e\n\u003csection class=\"info-grid\"\u003e\n    \u003cdiv class=\"info-grid__container\"\u003e\n        \u003cheader class=\"info-grid__header fade-in-up\"\u003e\n            \u003cp class=\"info-grid__tagline\"\u003eTrack What Matters Most.\u003c\/p\u003e\n            \u003ch2 class=\"info-grid__title\"\u003eArctic Fox Tracker One: Never Lose Anything Again\u003c\/h2\u003e\n            \u003cp class=\"info-grid__subtitle\"\u003eEffortlessly locate your valuables with the Arctic Fox Tracker One, featuring dual network compatibility, extended battery life, and a durable design.\u003c\/p\u003e\n        \u003c\/header\u003e\n        \u003cmain class=\"info-grid__main\"\u003e\n            \u003carticle class=\"info-grid__card info-grid__card--performance fade-in-up\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/Battery_Website_Banner.png?v=1758097983\" alt=\"A close-up of the Arctic Fox Tracker One with a long-lasting battery indicator.\" class=\"info-grid__card-bg\"\u003e\n                \u003cdiv class=\"info-grid__card-content\"\u003e\n                    \u003c!-- Text content removed from here --\u003e\n                \u003c\/div\u003e\n            \u003c\/article\u003e\n            \u003carticle class=\"info-grid__card info-grid__card--connectivity fade-in-up\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/In_Pocket.png?v=1758097612\" alt=\"The Arctic Fox Tracker One discreetly placed in a jacket pocket.\" class=\"info-grid__card-bg\"\u003e\n                \u003cdiv class=\"info-grid__card-content\"\u003e\n                    \u003c!-- Text content removed from here --\u003e\n                \u003c\/div\u003e\n            \u003c\/article\u003e\n            \u003carticle class=\"info-grid__card info-grid__card--precision fade-in-up\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/2_Sides.png?v=1758103303\" alt=\"A single Arctic Fox Tracker One on a clean background, emphasizing its sleek design.\" class=\"info-grid__card-bg\"\u003e\n                \u003cdiv class=\"info-grid__card-content\"\u003e\n                    \u003c!-- Text content removed from here --\u003e\n                \u003c\/div\u003e\n            \u003c\/article\u003e\n            \u003carticle class=\"info-grid__card info-grid__card--ergonomics fade-in-up\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/Wallet.png?v=1758097611\" alt=\"The Arctic Fox Tracker One peeking out of a wallet, showing its compact size.\" class=\"info-grid__card-bg\"\u003e\n                \u003cdiv class=\"info-grid__card-content\"\u003e\n                    \u003c!-- Text content removed from here --\u003e\n                \u003c\/div\u003e\n            \u003c\/article\u003e\n        \u003c\/main\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Global Animation Script (Add this ONCE to your page) --\u003e\n\u003cscript\u003e\n    (function() {\n        const animatedElements = document.querySelectorAll('.fade-in-up');\n        if (animatedElements.length === 0) return;\n        const observer = new IntersectionObserver((entries) =\u003e {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                }\n            });\n        }, { threshold: 0.1 });\n        animatedElements.forEach(el =\u003e observer.observe(el));\n    })();\n\u003c\/script\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/WorldTracking.png?v=1758175035\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/Works_Anyehere_in_the_World.png?v=1758175035\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/Blue_Hand_copy_4.png?v=1758175035\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0226\/7407\/9819\/files\/Blue_Hand.png?v=1758175035\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Arctic Fox India","offers":[{"title":"Default Title","offer_id":67000280842611,"sku":"FAFELEBLKWV61001E","price":499.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1013\/5679\/8323\/files\/Works_with_IOS_Android.png?v=1790507599","url":"https:\/\/sagesshop.com\/products\/tracker-one","provider":"Sages Living","version":"1.0","type":"link"}