{"title":"Adapters","description":"\u003cdiv style=\"font-family: -apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',sans-serif; max-width: 700px; margin: 0 auto; padding: 3rem 1.5rem; background: #ffffff; text-align: center;\"\u003e\n\u003cp style=\"font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6e6e73; margin-bottom: .8rem;\"\u003ePhone Adapters \u0026amp; Connectors\u003c\/p\u003e\n\u003ch2 style=\"font-size: 2.2rem; font-weight: bold; letter-spacing: -.03em; color: #1d1d1f; line-height: 1.1; margin-bottom: 1rem;\"\u003eConnect Everything.\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.05rem; color: #6e6e73; line-height: 1.7; max-width: 520px; margin: 0 auto 2.5rem;\"\u003eFrom USB-C to Lightning, headphone jacks to HDMI — our adapters keep every device connected, instantly and effortlessly.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; flex-wrap: wrap; gap: 2.5rem; margin-bottom: 2.5rem; padding: 2rem 0; border-top: 1px solid #e5e5ea; border-bottom: 1px solid #e5e5ea;\"\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"font-size: 1.5rem; margin-bottom: .4rem;\"\u003e🔌\u003c\/div\u003e\n\u003cp style=\"font-size: .82rem; font-weight: 600; color: #1d1d1f; margin-bottom: .2rem;\"\u003eUSB-C Adapters\u003c\/p\u003e\n\u003cp style=\"font-size: .75rem; color: #6e6e73;\"\u003eUniversal compatibility.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"font-size: 1.5rem; margin-bottom: .4rem;\"\u003e🎧\u003c\/div\u003e\n\u003cp style=\"font-size: .82rem; font-weight: 600; color: #1d1d1f; margin-bottom: .2rem;\"\u003eAudio Adapters\u003c\/p\u003e\n\u003cp style=\"font-size: .75rem; color: #6e6e73;\"\u003e3.5mm to USB-C \u0026amp; more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"font-size: 1.5rem; margin-bottom: .4rem;\"\u003e🖥️\u003c\/div\u003e\n\u003cp style=\"font-size: .82rem; font-weight: 600; color: #1d1d1f; margin-bottom: .2rem;\"\u003eHDMI \u0026amp; Display\u003c\/p\u003e\n\u003cp style=\"font-size: .75rem; color: #6e6e73;\"\u003eMirror your screen anywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"font-size: 1.5rem; margin-bottom: .4rem;\"\u003e⚡\u003c\/div\u003e\n\u003cp style=\"font-size: .82rem; font-weight: 600; color: #1d1d1f; margin-bottom: .2rem;\"\u003eLightning Adapters\u003c\/p\u003e\n\u003cp style=\"font-size: .75rem; color: #6e6e73;\"\u003eBuilt for iPhone \u0026amp; iPad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: center; flex-wrap: wrap; gap: 1.5rem;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: .5rem; font-size: .82rem; color: #1d1d1f;\"\u003e\n\u003cspan style=\"color: #0071e3;\"\u003e✓\u003c\/span\u003e Free UK Delivery\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: .5rem; font-size: .82rem; color: #1d1d1f;\"\u003e\n\u003cspan style=\"color: #0071e3;\"\u003e✓\u003c\/span\u003e 1-Year Warranty\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: .5rem; font-size: .82rem; color: #1d1d1f;\"\u003e\n\u003cspan style=\"color: #0071e3;\"\u003e✓\u003c\/span\u003e UK Stock — Fast Dispatch\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: .5rem; font-size: .82rem; color: #1d1d1f;\"\u003e\n\u003cspan style=\"color: #0071e3;\"\u003e✓\u003c\/span\u003e14-Day Returns\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[{"product_id":"world-wide-travel-adapter-usb-c-usb-a-gan-150-countries-ta7","title":"World Wide Travel Adapter with USB-C 20W \u0026 2× USB-A 18W Ports | GaN Technology | 150+ Countries | 10A 2500W Max | Built-in Fuse | Charge 4 Devices | White | TA7","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"World Wide Travel Adapter with GaN technology. USB-C 20W + Dual USB-A 18W ports. Works in 150+ countries. 2500W max, 10A rated. Charge 4 devices simultaneously.\"\u003e\n \u003ctitle\u003eWorld Wide Travel Adapter | GaN | USB-C + 2 USB-A | 150+ Countries\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n min-height: 100vh;\n }\n\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Hero Section - Global\/Earth Theme *\/\n .hero-section {\n background: linear-gradient(145deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);\n border-radius: 32px;\n padding: 55px 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 1px solid #fbbf24;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(245,158,11,0.15) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(217,119,6,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #f59e0b, #d97706);\n color: #fff;\n padding: 10px 26px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 11px;\n margin-bottom: 22px;\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n z-index: 1;\n box-shadow: 0 4px 20px rgba(245,158,11,0.4);\n }\n\n .hero-title {\n color: #0f172a;\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n line-height: 1.15;\n letter-spacing: -0.5px;\n }\n\n .hero-title span {\n background: linear-gradient(135deg, #f59e0b, #d97706);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-tagline {\n color: #78350f;\n font-size: 16px;\n margin-bottom: 35px;\n position: relative;\n z-index: 1;\n font-weight: 500;\n }\n\n .hero-features {\n display: flex;\n justify-content: center;\n gap: 14px;\n flex-wrap: wrap;\n position: relative;\n z-index: 1;\n }\n\n .hero-feature {\n background: #fff;\n border: 2px solid #fbbf24;\n border-radius: 18px;\n padding: 18px 24px;\n text-align: center;\n min-width: 110px;\n box-shadow: 0 4px 15px rgba(245,158,11,0.15);\n transition: all 0.3s ease;\n }\n\n .hero-feature:hover {\n border-color: #f59e0b;\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(245,158,11,0.25);\n }\n\n .hero-feature-value {\n font-size: 22px;\n font-weight: 800;\n color: #0f172a;\n line-height: 1;\n margin-bottom: 5px;\n }\n\n .hero-feature-value.gradient {\n background: linear-gradient(135deg, #f59e0b, #d97706);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-feature-label {\n font-size: 10px;\n color: #92400e;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* GaN Technology Banner *\/\n .gan-banner {\n background: linear-gradient(135deg, #7c3aed, #8b5cf6);\n border-radius: 20px;\n padding: 22px 35px;\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n box-shadow: 0 10px 35px rgba(124,58,237,0.35);\n }\n\n .gan-badge {\n background: #fff;\n color: #7c3aed;\n padding: 10px 22px;\n border-radius: 12px;\n font-weight: 800;\n font-size: 18px;\n letter-spacing: 1px;\n }\n\n .gan-text {\n color: #fff;\n }\n\n .gan-text h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 3px;\n }\n\n .gan-text p {\n font-size: 13px;\n opacity: 0.9;\n }\n\n \/* Worldwide Compatibility Section *\/\n .worldwide-section {\n background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 50%, #3b82f6 100%);\n border-radius: 26px;\n padding: 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 50px rgba(30,64,175,0.35);\n }\n\n .worldwide-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .worldwide-header h2 {\n color: #fff;\n font-size: 26px;\n font-weight: 800;\n margin-bottom: 10px;\n }\n\n .worldwide-header p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n margin-bottom: 30px;\n }\n\n .plug-types {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n justify-content: center;\n }\n\n .plug-type {\n background: rgba(255,255,255,0.1);\n border: 2px solid rgba(255,255,255,0.2);\n border-radius: 16px;\n padding: 20px 25px;\n text-align: center;\n min-width: 120px;\n transition: all 0.3s ease;\n }\n\n .plug-type:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-3px);\n }\n\n .plug-icon {\n font-size: 36px;\n margin-bottom: 10px;\n }\n\n .plug-name {\n color: #fff;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .plug-region {\n color: rgba(255,255,255,0.7);\n font-size: 11px;\n }\n\n \/* USB Ports Section *\/\n .ports-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .section-title {\n font-size: 22px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-title::before {\n content: '';\n width: 5px;\n height: 26px;\n background: linear-gradient(180deg, #f59e0b, #d97706);\n border-radius: 3px;\n }\n\n .ports-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .port-card {\n background: linear-gradient(145deg, #fef3c7, #fff);\n border: 2px solid #fde68a;\n border-radius: 20px;\n padding: 28px 20px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .port-card:hover {\n border-color: #f59e0b;\n transform: translateY(-4px);\n box-shadow: 0 12px 35px rgba(245,158,11,0.15);\n }\n\n .port-icon {\n font-size: 36px;\n margin-bottom: 15px;\n }\n\n .port-name {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 10px;\n }\n\n .port-power {\n font-size: 28px;\n font-weight: 800;\n margin-bottom: 12px;\n background: linear-gradient(135deg, #f59e0b, #d97706);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .port-specs {\n font-size: 11px;\n color: #64748b;\n line-height: 1.6;\n }\n\n \/* Countries Grid *\/\n .countries-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .countries-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .country-badge {\n background: linear-gradient(145deg, #fef3c7, #fff);\n border: 1px solid #fde68a;\n border-radius: 50px;\n padding: 10px 18px;\n font-size: 13px;\n color: #92400e;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 6px;\n transition: all 0.3s ease;\n }\n\n .country-badge:hover {\n border-color: #f59e0b;\n transform: translateY(-2px);\n }\n\n .country-badge span {\n font-size: 16px;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .feature-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .feature-card:hover {\n border-color: #f59e0b;\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(245,158,11,0.12);\n }\n\n .feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin: 0 auto 12px;\n background: linear-gradient(135deg, #fef3c7, #fde68a);\n }\n\n .feature-title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 4px;\n }\n\n .feature-desc {\n font-size: 11px;\n color: #64748b;\n line-height: 1.4;\n }\n\n \/* Specifications *\/\n .specs-section {\n background: linear-gradient(145deg, #fef3c7, #fff);\n border: 1px solid #fde68a;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .spec-group {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n padding: 20px;\n }\n\n .spec-group-title {\n font-size: 11px;\n color: #f59e0b;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 14px;\n padding-bottom: 10px;\n border-bottom: 1px solid #fef3c7;\n font-weight: 700;\n }\n\n .spec-item {\n display: flex;\n justify-content: space-between;\n padding: 7px 0;\n font-size: 13px;\n }\n\n .spec-item span:first-child {\n color: #64748b;\n }\n\n .spec-item span:last-child {\n color: #0f172a;\n font-weight: 600;\n }\n\n \/* Safety Banner *\/\n .safety-section {\n background: linear-gradient(135deg, #dcfce7, #bbf7d0);\n border: 2px solid #86efac;\n border-radius: 20px;\n padding: 25px 35px;\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n }\n\n .safety-icon {\n font-size: 45px;\n }\n\n .safety-content h3 {\n font-size: 18px;\n font-weight: 700;\n color: #166534;\n margin-bottom: 5px;\n }\n\n .safety-content p {\n font-size: 14px;\n color: #15803d;\n }\n\n \/* Warranty *\/\n .warranty-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n gap: 18px;\n margin-bottom: 26px;\n }\n\n .warranty-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 20px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .warranty-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n }\n\n .warranty-card.amber::before {\n background: linear-gradient(90deg, #f59e0b, #fbbf24);\n }\n\n .warranty-card.gray::before {\n background: linear-gradient(90deg, #94a3b8, #cbd5e1);\n }\n\n .warranty-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .warranty-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n\n .warranty-icon.amber { background: linear-gradient(135deg, #fef3c7, #fde68a); }\n .warranty-icon.gray { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }\n\n .warranty-title {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .warranty-text {\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n\n .warranty-badge {\n display: inline-block;\n background: linear-gradient(135deg, #f59e0b, #d97706);\n color: #fff;\n padding: 7px 18px;\n border-radius: 22px;\n font-weight: 600;\n font-size: 12px;\n margin-top: 16px;\n }\n\n \/* Package *\/\n .package-section {\n background: linear-gradient(135deg, #92400e, #b45309);\n border-radius: 24px;\n padding: 35px;\n text-align: center;\n color: #fff;\n box-shadow: 0 15px 50px rgba(146,64,14,0.35);\n }\n\n .package-section .section-title {\n color: #fff;\n justify-content: center;\n }\n\n .package-section .section-title::before {\n background: linear-gradient(180deg, #fbbf24, #fde68a);\n }\n\n .package-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 22px;\n }\n\n .package-item {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .ports-grid {\n grid-template-columns: 1fr;\n }\n\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .plug-types {\n gap: 10px;\n }\n\n .plug-type {\n padding: 15px 18px;\n min-width: 100px;\n }\n }\n\n @media (max-width: 768px) {\n .product-container { padding: 15px; }\n .hero-section { padding: 40px 25px; }\n .hero-features { gap: 10px; }\n .hero-feature { min-width: 100px; padding: 14px 18px; }\n .hero-feature-value { font-size: 18px; }\n \n .gan-banner {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .worldwide-section { padding: 35px 22px; }\n .worldwide-header h2 { font-size: 22px; }\n \n .safety-section {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .ports-section, .countries-section, .specs-section, .package-section { padding: 28px 20px; }\n .warranty-card { padding: 24px 20px; }\n }\n\n @media (max-width: 480px) {\n .hero-title { font-size: 22px; }\n .hero-features { flex-direction: column; align-items: center; }\n .hero-feature { width: 100%; max-width: 150px; }\n \n .plug-types { flex-direction: column; align-items: center; }\n .plug-type { width: 100%; max-width: 160px; }\n \n .features-grid { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cspan class=\"hero-badge\"\u003e🌍 World Wide Travel\u003c\/span\u003e\n \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eUniversal\u003c\/span\u003e Travel Adapter\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eUSB-C 20W + 2× USB-A 18W • GaN Technology • 150+ Countries\u003c\/p\u003e\n \u003cdiv class=\"hero-features\"\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value gradient\"\u003e150+\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eCountries\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e20W\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eUSB-C\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e2×18W\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eUSB-A\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e2500W\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eMax Power\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GaN Technology Banner --\u003e\n \u003cdiv class=\"gan-banner\"\u003e\n \u003cspan class=\"gan-badge\"\u003eGaN\u003c\/span\u003e\n \u003cdiv class=\"gan-text\"\u003e\n \u003ch3\u003eBuilt-in GaN Chips\u003c\/h3\u003e\n \u003cp\u003eSuper-fast charging with smaller, cooler, more efficient technology\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Worldwide Compatibility Section --\u003e\n \u003cdiv class=\"worldwide-section\"\u003e\n \u003cdiv class=\"worldwide-header\"\u003e\n \u003ch2\u003eWorks in 150+ Countries\u003c\/h2\u003e\n \u003cp\u003eOne adapter for the entire world — slide out the plug you need\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plug-types\"\u003e\n \u003cdiv class=\"plug-type\"\u003e\n \u003cdiv class=\"plug-icon\"\u003e🇺🇸\u003c\/div\u003e\n \u003cdiv class=\"plug-name\"\u003eUS \/ Japan\u003c\/div\u003e\n \u003cdiv class=\"plug-region\"\u003eType A\/B\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plug-type\"\u003e\n \u003cdiv class=\"plug-icon\"\u003e🇪🇺\u003c\/div\u003e\n \u003cdiv class=\"plug-name\"\u003eEurope\u003c\/div\u003e\n \u003cdiv class=\"plug-region\"\u003eType C\/F\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plug-type\"\u003e\n \u003cdiv class=\"plug-icon\"\u003e🇬🇧\u003c\/div\u003e\n \u003cdiv class=\"plug-name\"\u003eUK \/ UAE\u003c\/div\u003e\n \u003cdiv class=\"plug-region\"\u003eType G\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plug-type\"\u003e\n \u003cdiv class=\"plug-icon\"\u003e🇦🇺\u003c\/div\u003e\n \u003cdiv class=\"plug-name\"\u003eAustralia\u003c\/div\u003e\n \u003cdiv class=\"plug-region\"\u003eType I\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- USB Ports Section --\u003e\n \u003cdiv class=\"ports-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e3 Fast Charging USB Ports\u003c\/h2\u003e\n \u003cdiv class=\"ports-grid\"\u003e\n \u003cdiv class=\"port-card\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB-C\u003c\/h3\u003e\n \u003cdiv class=\"port-power\"\u003e20W\u003c\/div\u003e\n \u003cp class=\"port-specs\"\u003e5V\/3A • 9V\/2.22A • 12V\/1.67A\u003cbr\u003ePD Fast Charging\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"port-card\"\u003e\n \u003cdiv class=\"port-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB-A1\u003c\/h3\u003e\n \u003cdiv class=\"port-power\"\u003e18W\u003c\/div\u003e\n \u003cp class=\"port-specs\"\u003e5V\/3A • 9V\/2A • 12V\/1.5A\u003cbr\u003eQuick Charge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"port-card\"\u003e\n \u003cdiv class=\"port-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB-A2\u003c\/h3\u003e\n \u003cdiv class=\"port-power\"\u003e18W\u003c\/div\u003e\n \u003cp class=\"port-specs\"\u003e5V\/3A • 9V\/2A • 12V\/1.5A\u003cbr\u003eQuick Charge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Countries Grid --\u003e\n \u003cdiv class=\"countries-section\"\u003e\n \u003ch2 class=\"section-title\" style=\"justify-content: center;\"\u003ePopular Destinations\u003c\/h2\u003e\n \u003cdiv class=\"countries-grid\"\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇺🇸\u003c\/span\u003e USA\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇬🇧\u003c\/span\u003e UK\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇫🇷\u003c\/span\u003e France\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇩🇪\u003c\/span\u003e Germany\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇪🇸\u003c\/span\u003e Spain\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇮🇹\u003c\/span\u003e Italy\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇯🇵\u003c\/span\u003e Japan\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇨🇳\u003c\/span\u003e China\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇦🇺\u003c\/span\u003e Australia\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇦🇪\u003c\/span\u003e UAE\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇹🇭\u003c\/span\u003e Thailand\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇸🇬\u003c\/span\u003e Singapore\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🌍\u003c\/span\u003e 150+ More\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Grid --\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📱\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e4 Devices\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eCharge simultaneously\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eQuick Charge\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eAll USB ports\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔒\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eBuilt-in Fuse\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eSafety protected\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e2500W Max\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eHigh power rated\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Safety Banner --\u003e\n \u003cdiv class=\"safety-section\"\u003e\n \u003cspan class=\"safety-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cdiv class=\"safety-content\"\u003e\n \u003ch3\u003eInternational Standard Built-In Fuses\u003c\/h3\u003e\n \u003cp\u003eProtected against overload, short circuit, and power surges for safe worldwide use\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specifications --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eModel\u003c\/span\u003e\n \u003cspan\u003eTA7\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMaterial\u003c\/span\u003e\n \u003cspan\u003eCopper + PC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eColour\u003c\/span\u003e\n \u003cspan\u003eWhite\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eTechnology\u003c\/span\u003e\n \u003cspan\u003eGaN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003ePower Rating\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eVoltage\u003c\/span\u003e\n \u003cspan\u003e100-250V AC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eCurrent\u003c\/span\u003e\n \u003cspan\u003e10A Max\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMax Power\u003c\/span\u003e\n \u003cspan\u003e2500W\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eUSB-C Output\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003e5V \/ 9V \/ 12V\u003c\/span\u003e\n \u003cspan\u003e3A \/ 2.22A \/ 1.67A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMax Power\u003c\/span\u003e\n \u003cspan\u003e20W\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eUSB-A Output (×2)\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003e5V \/ 9V \/ 12V\u003c\/span\u003e\n \u003cspan\u003e3A \/ 2A \/ 1.5A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMax Power Each\u003c\/span\u003e\n \u003cspan\u003e18W\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eCombined Output\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eTotal DC\u003c\/span\u003e\n \u003cspan\u003e20W Max\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty --\u003e\n \u003cdiv class=\"warranty-section\"\u003e\n \u003cdiv class=\"warranty-card amber\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon amber\"\u003e✓\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"warranty-card gray\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Package --\u003e\n \u003cdiv class=\"package-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n \u003cdiv class=\"package-items\"\u003e\n \u003cspan class=\"package-item\"\u003e🔌 1 x World Wide Travel Adapter\u003c\/span\u003e\n \u003cspan class=\"package-item\"\u003e📄 User Manual\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49253059658073,"sku":null,"price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/438C24E0-683F-45E6-BE26-73FBDE022ADB.png?v=1725659591"},{"product_id":"universal-multi-socket-uk-travel-adapter-7-types-100-240v-ta4","title":"Universal Multi-Socket to UK 3-Pin Travel Adapter | 7 Socket Types | Type A B B3 BF C SE O | 100-240V Compatible | Worldwide to UK Converter | White | TA4","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Universal Multi-Socket to UK Plug Travel Adapter. Accepts plugs from US, EU, AU, Asia \u0026amp; more. 100-240V compatible. One adapter for worldwide devices.\"\u003e\n \u003ctitle\u003eUniversal Travel Adapter to UK | Multiple Sockets | All-in-One | 100-240V\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n min-height: 100vh;\n }\n\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Hero Section - Global\/Teal Theme *\/\n .hero-section {\n background: linear-gradient(145deg, #f0fdfa 0%, #ccfbf1 50%, #99f6e4 100%);\n border-radius: 32px;\n padding: 55px 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 1px solid #5eead4;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(20,184,166,0.12) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(13,148,136,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #14b8a6, #0d9488);\n color: #fff;\n padding: 10px 26px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 11px;\n margin-bottom: 22px;\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n z-index: 1;\n box-shadow: 0 4px 20px rgba(20,184,166,0.4);\n }\n\n .hero-title {\n color: #0f172a;\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n line-height: 1.15;\n letter-spacing: -0.5px;\n }\n\n .hero-title span {\n background: linear-gradient(135deg, #14b8a6, #0d9488);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-tagline {\n color: #64748b;\n font-size: 17px;\n margin-bottom: 35px;\n position: relative;\n z-index: 1;\n font-weight: 400;\n }\n\n .hero-features {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n position: relative;\n z-index: 1;\n }\n\n .hero-feature {\n background: #fff;\n border: 2px solid #5eead4;\n border-radius: 18px;\n padding: 20px 28px;\n text-align: center;\n min-width: 130px;\n box-shadow: 0 4px 15px rgba(20,184,166,0.1);\n transition: all 0.3s ease;\n }\n\n .hero-feature:hover {\n border-color: #14b8a6;\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(20,184,166,0.2);\n }\n\n .hero-feature-value {\n font-size: 24px;\n font-weight: 800;\n color: #0f172a;\n line-height: 1;\n margin-bottom: 6px;\n }\n\n .hero-feature-value.gradient {\n background: linear-gradient(135deg, #14b8a6, #0d9488);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-feature-label {\n font-size: 10px;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Universal Section *\/\n .universal-section {\n background: linear-gradient(135deg, #115e59 0%, #0d9488 50%, #14b8a6 100%);\n border-radius: 26px;\n padding: 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 50px rgba(13,148,136,0.35);\n }\n\n .universal-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .universal-header h2 {\n color: #fff;\n font-size: 26px;\n font-weight: 700;\n margin-bottom: 12px;\n }\n\n .universal-header p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n margin-bottom: 30px;\n }\n\n .socket-types {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n justify-content: center;\n }\n\n .socket-type {\n background: rgba(255,255,255,0.1);\n border: 2px solid rgba(255,255,255,0.2);\n border-radius: 16px;\n padding: 20px 25px;\n text-align: center;\n min-width: 100px;\n transition: all 0.3s ease;\n }\n\n .socket-type:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-3px);\n }\n\n .socket-icon {\n font-size: 32px;\n margin-bottom: 10px;\n }\n\n .socket-name {\n color: #fff;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .socket-region {\n color: rgba(255,255,255,0.7);\n font-size: 11px;\n }\n\n \/* Arrow to UK *\/\n .output-banner {\n background: linear-gradient(135deg, #0f172a, #1e293b);\n border-radius: 20px;\n padding: 25px 35px;\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 25px;\n box-shadow: 0 10px 35px rgba(15,23,42,0.3);\n }\n\n .output-icon {\n font-size: 40px;\n }\n\n .output-arrow {\n font-size: 30px;\n color: #14b8a6;\n }\n\n .output-content h3 {\n color: #fff;\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 5px;\n }\n\n .output-content p {\n color: rgba(255,255,255,0.7);\n font-size: 13px;\n }\n\n \/* Countries Section *\/\n .countries-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .section-title {\n font-size: 22px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-title::before {\n content: '';\n width: 5px;\n height: 26px;\n background: linear-gradient(180deg, #14b8a6, #0d9488);\n border-radius: 3px;\n }\n\n .section-title.centered {\n justify-content: center;\n }\n\n .section-title.centered::before {\n display: none;\n }\n\n .countries-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n }\n\n .country-badge {\n background: linear-gradient(145deg, #f0fdfa, #fff);\n border: 1px solid #99f6e4;\n border-radius: 50px;\n padding: 10px 20px;\n font-size: 13px;\n color: #0d9488;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n }\n\n .country-badge:hover {\n border-color: #14b8a6;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(20,184,166,0.15);\n }\n\n .country-badge span {\n font-size: 16px;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .feature-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .feature-card:hover {\n border-color: #14b8a6;\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(20,184,166,0.12);\n }\n\n .feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin: 0 auto 12px;\n background: linear-gradient(135deg, #f0fdfa, #ccfbf1);\n }\n\n .feature-title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 4px;\n }\n\n .feature-desc {\n font-size: 11px;\n color: #64748b;\n line-height: 1.4;\n }\n\n \/* Specifications *\/\n .specs-section {\n background: linear-gradient(145deg, #f0fdfa, #fff);\n border: 1px solid #99f6e4;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .spec-group {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n padding: 20px;\n }\n\n .spec-group-title {\n font-size: 11px;\n color: #14b8a6;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 14px;\n padding-bottom: 10px;\n border-bottom: 1px solid #f0fdfa;\n font-weight: 700;\n }\n\n .spec-item {\n display: flex;\n justify-content: space-between;\n padding: 7px 0;\n font-size: 13px;\n }\n\n .spec-item span:first-child {\n color: #64748b;\n }\n\n .spec-item span:last-child {\n color: #0f172a;\n font-weight: 600;\n }\n\n \/* Socket Types Table *\/\n .sockets-table-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .sockets-table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n\n .sockets-table th,\n .sockets-table td {\n padding: 14px 16px;\n text-align: left;\n border-bottom: 1px solid #f1f5f9;\n }\n\n .sockets-table th {\n background: linear-gradient(135deg, #f0fdfa, #fff);\n color: #0d9488;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 700;\n }\n\n .sockets-table td {\n font-size: 13px;\n color: #334155;\n }\n\n .sockets-table tr:hover {\n background: #f8fafc;\n }\n\n .type-badge {\n display: inline-block;\n background: linear-gradient(135deg, #14b8a6, #0d9488);\n color: #fff;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 700;\n }\n\n \/* Warranty *\/\n .warranty-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n gap: 18px;\n margin-bottom: 26px;\n }\n\n .warranty-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 20px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .warranty-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n }\n\n .warranty-card.teal::before {\n background: linear-gradient(90deg, #14b8a6, #2dd4bf);\n }\n\n .warranty-card.gray::before {\n background: linear-gradient(90deg, #94a3b8, #cbd5e1);\n }\n\n .warranty-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .warranty-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n\n .warranty-icon.teal { background: linear-gradient(135deg, #ccfbf1, #99f6e4); }\n .warranty-icon.gray { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }\n\n .warranty-title {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .warranty-text {\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n\n .warranty-badge {\n display: inline-block;\n background: linear-gradient(135deg, #14b8a6, #0d9488);\n color: #fff;\n padding: 7px 18px;\n border-radius: 22px;\n font-weight: 600;\n font-size: 12px;\n margin-top: 16px;\n }\n\n \/* Package *\/\n .package-section {\n background: linear-gradient(135deg, #115e59, #0d9488);\n border-radius: 24px;\n padding: 35px;\n text-align: center;\n color: #fff;\n box-shadow: 0 15px 50px rgba(13,148,136,0.35);\n }\n\n .package-section .section-title {\n color: #fff;\n justify-content: center;\n }\n\n .package-section .section-title::before {\n background: linear-gradient(180deg, #5eead4, #99f6e4);\n }\n\n .package-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 22px;\n }\n\n .package-item {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .socket-types {\n gap: 10px;\n }\n\n .socket-type {\n padding: 15px 18px;\n min-width: 85px;\n }\n }\n\n @media (max-width: 768px) {\n .product-container { padding: 15px; }\n .hero-section { padding: 40px 25px; }\n .hero-features { gap: 12px; }\n .hero-feature { min-width: 110px; padding: 16px 22px; }\n .hero-feature-value { font-size: 20px; }\n \n .universal-section { padding: 35px 22px; }\n .universal-header h2 { font-size: 22px; }\n \n .output-banner {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .output-arrow { transform: rotate(90deg); }\n \n .sockets-table th,\n .sockets-table td {\n padding: 10px 12px;\n font-size: 12px;\n }\n \n .countries-section, .specs-section, .sockets-table-section, .package-section { padding: 28px 20px; }\n .warranty-card { padding: 24px 20px; }\n }\n\n @media (max-width: 480px) {\n .hero-title { font-size: 24px; }\n .hero-features { flex-direction: column; align-items: center; }\n .hero-feature { width: 100%; max-width: 160px; }\n \n .socket-types { flex-direction: column; align-items: center; }\n .socket-type { width: 100%; max-width: 160px; }\n \n .features-grid { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n\n .sockets-table-section { overflow-x: auto; }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cspan class=\"hero-badge\"\u003e🌍 Universal Adapter\u003c\/span\u003e\n \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eMulti-Socket\u003c\/span\u003e to UK Travel Adapter\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003e7 Socket Types • 100-240V Compatible • One Adapter for All\u003c\/p\u003e\n \u003cdiv class=\"hero-features\"\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value gradient\"\u003e7\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eSocket Types\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e100-240V\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eUniversal\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e→UK\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eOutput\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Universal Socket Types --\u003e\n \u003cdiv class=\"universal-section\"\u003e\n \u003cdiv class=\"universal-header\"\u003e\n \u003ch2\u003eAccepts 7 Different Plug Types\u003c\/h2\u003e\n \u003cp\u003eOne adapter that works with plugs from around the world\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"socket-types\"\u003e\n \u003cdiv class=\"socket-type\"\u003e\n \u003cdiv class=\"socket-icon\"\u003e🇺🇸\u003c\/div\u003e\n \u003cdiv class=\"socket-name\"\u003eType A\u003c\/div\u003e\n \u003cdiv class=\"socket-region\"\u003eUSA, Japan\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"socket-type\"\u003e\n \u003cdiv class=\"socket-icon\"\u003e🇺🇸\u003c\/div\u003e\n \u003cdiv class=\"socket-name\"\u003eType B\u003c\/div\u003e\n \u003cdiv class=\"socket-region\"\u003eUSA, Canada\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"socket-type\"\u003e\n \u003cdiv class=\"socket-icon\"\u003e🇮🇳\u003c\/div\u003e\n \u003cdiv class=\"socket-name\"\u003eType B3\u003c\/div\u003e\n \u003cdiv class=\"socket-region\"\u003eIndia\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"socket-type\"\u003e\n \u003cdiv class=\"socket-icon\"\u003e🇬🇧\u003c\/div\u003e\n \u003cdiv class=\"socket-name\"\u003eType BF\u003c\/div\u003e\n \u003cdiv class=\"socket-region\"\u003eUK Style\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"socket-type\"\u003e\n \u003cdiv class=\"socket-icon\"\u003e🇪🇺\u003c\/div\u003e\n \u003cdiv class=\"socket-name\"\u003eType C\u003c\/div\u003e\n \u003cdiv class=\"socket-region\"\u003eEurope\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"socket-type\"\u003e\n \u003cdiv class=\"socket-icon\"\u003e🇩🇪\u003c\/div\u003e\n \u003cdiv class=\"socket-name\"\u003eType SE\u003c\/div\u003e\n \u003cdiv class=\"socket-region\"\u003eGermany, France\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"socket-type\"\u003e\n \u003cdiv class=\"socket-icon\"\u003e🇦🇺\u003c\/div\u003e\n \u003cdiv class=\"socket-name\"\u003eType O\u003c\/div\u003e\n \u003cdiv class=\"socket-region\"\u003eAustralia\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Output Banner --\u003e\n \u003cdiv class=\"output-banner\"\u003e\n \u003cspan class=\"output-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"output-arrow\"\u003e→\u003c\/span\u003e\n \u003cspan class=\"output-icon\"\u003e🇬🇧\u003c\/span\u003e\n \u003cdiv class=\"output-content\"\u003e\n \u003ch3\u003eOutputs to UK 3-Pin Plug\u003c\/h3\u003e\n \u003cp\u003eUse devices from anywhere in any UK socket\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Countries Section --\u003e\n \u003cdiv class=\"countries-section\"\u003e\n \u003ch2 class=\"section-title centered\"\u003eWorks With Devices From\u003c\/h2\u003e\n \u003cdiv class=\"countries-grid\"\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇺🇸\u003c\/span\u003e USA\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇨🇦\u003c\/span\u003e Canada\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇯🇵\u003c\/span\u003e Japan\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇫🇷\u003c\/span\u003e France\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇩🇪\u003c\/span\u003e Germany\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇪🇸\u003c\/span\u003e Spain\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇮🇹\u003c\/span\u003e Italy\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇦🇺\u003c\/span\u003e Australia\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇳🇿\u003c\/span\u003e New Zealand\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇨🇳\u003c\/span\u003e China\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇮🇳\u003c\/span\u003e India\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🇧🇷\u003c\/span\u003e Brazil\u003c\/div\u003e\n \u003cdiv class=\"country-badge\"\u003e\n\u003cspan\u003e🌍\u003c\/span\u003e And More\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Grid --\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eUniversal\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003e7 socket types\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e100-240V\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eWorldwide voltage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📐\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eCompact\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eEasy to carry\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eSafe\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eBuilt to last\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Socket Types Table --\u003e\n \u003cdiv class=\"sockets-table-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eSupported Socket Types\u003c\/h2\u003e\n \u003ctable class=\"sockets-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eType\u003c\/th\u003e\n \u003cth\u003eCommon Regions\u003c\/th\u003e\n \u003cth\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cspan class=\"type-badge\"\u003eType A\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003eUSA, Canada, Mexico, Japan\u003c\/td\u003e\n \u003ctd\u003e2-pin flat parallel\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cspan class=\"type-badge\"\u003eType B\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003eUSA, Canada, Mexico\u003c\/td\u003e\n \u003ctd\u003e3-pin with grounding\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cspan class=\"type-badge\"\u003eType B3\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003eIndia, Sri Lanka, Nepal\u003c\/td\u003e\n \u003ctd\u003e3-pin round (Indian)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cspan class=\"type-badge\"\u003eType BF\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003eUK, Ireland, UAE\u003c\/td\u003e\n \u003ctd\u003e3-pin rectangular\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cspan class=\"type-badge\"\u003eType C\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003eEurope, South America, Asia\u003c\/td\u003e\n \u003ctd\u003e2-pin round (Europlug)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cspan class=\"type-badge\"\u003eType SE\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003eGermany, France, Belgium\u003c\/td\u003e\n \u003ctd\u003e2-pin with grounding\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cspan class=\"type-badge\"\u003eType O\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003eAustralia, New Zealand, China\u003c\/td\u003e\n \u003ctd\u003e2\/3-pin angled flat\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specifications --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eModel\u003c\/span\u003e\n \u003cspan\u003eTA4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eColour\u003c\/span\u003e\n \u003cspan\u003eWhite\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eElectrical\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eInput Voltage\u003c\/span\u003e\n \u003cspan\u003e100V - 240V\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eCompatibility\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eSocket Types\u003c\/span\u003e\n \u003cspan\u003e7 Types\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eOutput\u003c\/span\u003e\n \u003cspan\u003eUK 3-Pin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty --\u003e\n \u003cdiv class=\"warranty-section\"\u003e\n \u003cdiv class=\"warranty-card teal\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon teal\"\u003e✓\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"warranty-card gray\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Package --\u003e\n \u003cdiv class=\"package-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n \u003cdiv class=\"package-items\"\u003e\n \u003cspan class=\"package-item\"\u003e🔌 1 x Universal to UK Travel Adapter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49281246921049,"sku":null,"price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/IMG-9120.png?v=1726070112"},{"product_id":"eu-to-uk-travel-adapter-2-pin-to-3-pin-13a-250v-ta2","title":"EU 2-Pin to UK 3-Pin Travel Adapter | 13A 250V High Power | Compact 36×36×47mm | ABS + Brass Construction | Type C to Type G Converter | White | TA2","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"EU 2-Pin to UK 3-Pin Travel Adapter. 13A 250V rated, compact design. ABS + brass construction. Use European devices in the UK. White colour.\"\u003e\n \u003ctitle\u003eEU to UK Travel Adapter | 2-Pin to 3-Pin | 13A 250V | Compact Design\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n min-height: 100vh;\n }\n\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Hero Section - Royal Red\/Blue UK Theme *\/\n .hero-section {\n background: linear-gradient(145deg, #fef2f2 0%, #fee2e2 50%, #fecaca 100%);\n border-radius: 32px;\n padding: 55px 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 1px solid #fca5a5;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(220,38,38,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(185,28,28,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #dc2626, #b91c1c);\n color: #fff;\n padding: 10px 26px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 11px;\n margin-bottom: 22px;\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n z-index: 1;\n box-shadow: 0 4px 20px rgba(220,38,38,0.4);\n }\n\n .hero-title {\n color: #0f172a;\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n line-height: 1.15;\n letter-spacing: -0.5px;\n }\n\n .hero-title span {\n background: linear-gradient(135deg, #dc2626, #b91c1c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-tagline {\n color: #64748b;\n font-size: 17px;\n margin-bottom: 35px;\n position: relative;\n z-index: 1;\n font-weight: 400;\n }\n\n .hero-features {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n position: relative;\n z-index: 1;\n }\n\n .hero-feature {\n background: #fff;\n border: 2px solid #fca5a5;\n border-radius: 18px;\n padding: 20px 28px;\n text-align: center;\n min-width: 120px;\n box-shadow: 0 4px 15px rgba(220,38,38,0.1);\n transition: all 0.3s ease;\n }\n\n .hero-feature:hover {\n border-color: #dc2626;\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(220,38,38,0.2);\n }\n\n .hero-feature-value {\n font-size: 24px;\n font-weight: 800;\n color: #0f172a;\n line-height: 1;\n margin-bottom: 6px;\n }\n\n .hero-feature-value.gradient {\n background: linear-gradient(135deg, #dc2626, #b91c1c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-feature-label {\n font-size: 10px;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* 13A High Power Banner *\/\n .power-banner {\n background: linear-gradient(135deg, #166534, #15803d);\n border-radius: 18px;\n padding: 20px 35px;\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 18px;\n box-shadow: 0 8px 30px rgba(22,101,52,0.35);\n }\n\n .power-badge-icon {\n font-size: 32px;\n }\n\n .power-text {\n color: #fff;\n }\n\n .power-text h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 3px;\n }\n\n .power-text p {\n font-size: 13px;\n opacity: 0.9;\n }\n\n \/* Conversion Section *\/\n .conversion-section {\n background: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 50%, #dc2626 100%);\n border-radius: 26px;\n padding: 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 50px rgba(185,28,28,0.35);\n }\n\n .conversion-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .conversion-header h2 {\n color: #fff;\n font-size: 24px;\n font-weight: 700;\n margin-bottom: 30px;\n }\n\n .conversion-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .plug-box {\n background: rgba(255,255,255,0.1);\n border: 2px solid rgba(255,255,255,0.2);\n border-radius: 20px;\n padding: 25px 35px;\n text-align: center;\n min-width: 160px;\n }\n\n .plug-icon {\n font-size: 50px;\n margin-bottom: 12px;\n }\n\n .plug-label {\n color: #fff;\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 5px;\n }\n\n .plug-sub {\n color: rgba(255,255,255,0.7);\n font-size: 12px;\n }\n\n .arrow-icon {\n font-size: 40px;\n color: rgba(255,255,255,0.8);\n }\n\n \/* Use Cases Section *\/\n .usecases-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .section-title {\n font-size: 22px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-title::before {\n content: '';\n width: 5px;\n height: 26px;\n background: linear-gradient(180deg, #dc2626, #b91c1c);\n border-radius: 3px;\n }\n\n .section-title.centered {\n justify-content: center;\n }\n\n .section-title.centered::before {\n display: none;\n }\n\n .usecases-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n }\n\n .usecase-badge {\n background: linear-gradient(145deg, #fef2f2, #fff);\n border: 1px solid #fecaca;\n border-radius: 50px;\n padding: 12px 22px;\n font-size: 14px;\n color: #991b1b;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n }\n\n .usecase-badge:hover {\n border-color: #dc2626;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(220,38,38,0.15);\n }\n\n .usecase-badge span {\n font-size: 18px;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .feature-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .feature-card:hover {\n border-color: #dc2626;\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(220,38,38,0.12);\n }\n\n .feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin: 0 auto 12px;\n background: linear-gradient(135deg, #fef2f2, #fee2e2);\n }\n\n .feature-title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 4px;\n }\n\n .feature-desc {\n font-size: 11px;\n color: #64748b;\n line-height: 1.4;\n }\n\n \/* Dimensions Section *\/\n .dimensions-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 22px;\n padding: 30px;\n margin-bottom: 26px;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .dimensions-title {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 20px;\n }\n\n .dimensions-visual {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .dimension-item {\n background: linear-gradient(145deg, #fef2f2, #fff);\n border: 2px solid #fecaca;\n border-radius: 16px;\n padding: 20px 30px;\n text-align: center;\n }\n\n .dimension-value {\n font-size: 28px;\n font-weight: 800;\n color: #b91c1c;\n line-height: 1;\n margin-bottom: 5px;\n }\n\n .dimension-label {\n font-size: 11px;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Specifications *\/\n .specs-section {\n background: linear-gradient(145deg, #fef2f2, #fff);\n border: 1px solid #fecaca;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 18px;\n }\n\n .spec-group {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n padding: 20px;\n }\n\n .spec-group-title {\n font-size: 11px;\n color: #dc2626;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 14px;\n padding-bottom: 10px;\n border-bottom: 1px solid #fef2f2;\n font-weight: 700;\n }\n\n .spec-item {\n display: flex;\n justify-content: space-between;\n padding: 7px 0;\n font-size: 13px;\n }\n\n .spec-item span:first-child {\n color: #64748b;\n }\n\n .spec-item span:last-child {\n color: #0f172a;\n font-weight: 600;\n }\n\n \/* Warranty *\/\n .warranty-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n gap: 18px;\n margin-bottom: 26px;\n }\n\n .warranty-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 20px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .warranty-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n }\n\n .warranty-card.red::before {\n background: linear-gradient(90deg, #dc2626, #f87171);\n }\n\n .warranty-card.gray::before {\n background: linear-gradient(90deg, #94a3b8, #cbd5e1);\n }\n\n .warranty-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .warranty-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n\n .warranty-icon.red { background: linear-gradient(135deg, #fee2e2, #fecaca); }\n .warranty-icon.gray { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }\n\n .warranty-title {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .warranty-text {\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n\n .warranty-badge {\n display: inline-block;\n background: linear-gradient(135deg, #dc2626, #b91c1c);\n color: #fff;\n padding: 7px 18px;\n border-radius: 22px;\n font-weight: 600;\n font-size: 12px;\n margin-top: 16px;\n }\n\n \/* Package *\/\n .package-section {\n background: linear-gradient(135deg, #7f1d1d, #b91c1c);\n border-radius: 24px;\n padding: 35px;\n text-align: center;\n color: #fff;\n box-shadow: 0 15px 50px rgba(185,28,28,0.35);\n }\n\n .package-section .section-title {\n color: #fff;\n justify-content: center;\n }\n\n .package-section .section-title::before {\n background: linear-gradient(180deg, #fca5a5, #fecaca);\n }\n\n .package-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 22px;\n }\n\n .package-item {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .product-container { padding: 15px; }\n .hero-section { padding: 40px 25px; }\n .hero-features { gap: 12px; }\n .hero-feature { min-width: 110px; padding: 16px 22px; }\n .hero-feature-value { font-size: 20px; }\n \n .power-banner {\n flex-direction: column;\n text-align: center;\n gap: 12px;\n }\n \n .conversion-section { padding: 35px 22px; }\n .conversion-visual { gap: 20px; }\n .plug-box { padding: 20px 25px; min-width: 140px; }\n .plug-icon { font-size: 40px; }\n .arrow-icon { font-size: 30px; }\n \n .dimensions-visual { gap: 15px; }\n .dimension-item { padding: 15px 22px; }\n .dimension-value { font-size: 24px; }\n \n .usecases-section, .specs-section, .package-section { padding: 28px 20px; }\n .warranty-card { padding: 24px 20px; }\n }\n\n @media (max-width: 480px) {\n .hero-title { font-size: 24px; }\n .hero-features { flex-direction: column; align-items: center; }\n .hero-feature { width: 100%; max-width: 160px; }\n \n .conversion-visual { flex-direction: column; }\n .arrow-icon { transform: rotate(90deg); }\n \n .features-grid { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n .dimensions-visual { flex-direction: column; }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cspan class=\"hero-badge\"\u003e🇬🇧 UK Essential\u003c\/span\u003e\n \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eEU to UK\u003c\/span\u003e Travel Adapter\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003e2-Pin to 3-Pin • 13A 250V Rated • Compact \u0026amp; Safe\u003c\/p\u003e\n \u003cdiv class=\"hero-features\"\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value gradient\"\u003e13A\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eCurrent\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e250V\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eVoltage\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003eEU→UK\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eConverts\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 13A High Power Banner --\u003e\n \u003cdiv class=\"power-banner\"\u003e\n \u003cspan class=\"power-badge-icon\"\u003e⚡\u003c\/span\u003e\n \u003cdiv class=\"power-text\"\u003e\n \u003ch3\u003e13A High Power Rating\u003c\/h3\u003e\n \u003cp\u003eSuitable for high-power appliances up to 3250W\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Conversion Visual Section --\u003e\n \u003cdiv class=\"conversion-section\"\u003e\n \u003cdiv class=\"conversion-header\"\u003e\n \u003ch2\u003eUse Your European Devices in the UK\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"conversion-visual\"\u003e\n \u003cdiv class=\"plug-box\"\u003e\n \u003cdiv class=\"plug-icon\"\u003e🇪🇺\u003c\/div\u003e\n \u003cdiv class=\"plug-label\"\u003eEurope 2-Pin\u003c\/div\u003e\n \u003cdiv class=\"plug-sub\"\u003eType C Plug\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n \u003cdiv class=\"plug-box\"\u003e\n \u003cdiv class=\"plug-icon\"\u003e🇬🇧\u003c\/div\u003e\n \u003cdiv class=\"plug-label\"\u003eUK 3-Pin\u003c\/div\u003e\n \u003cdiv class=\"plug-sub\"\u003eType G Socket\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Use Cases Section --\u003e\n \u003cdiv class=\"usecases-section\"\u003e\n \u003ch2 class=\"section-title centered\"\u003ePerfect For\u003c\/h2\u003e\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-badge\"\u003e\n\u003cspan\u003e💻\u003c\/span\u003e Laptop Chargers\u003c\/div\u003e\n \u003cdiv class=\"usecase-badge\"\u003e\n\u003cspan\u003e📱\u003c\/span\u003e Phone Chargers\u003c\/div\u003e\n \u003cdiv class=\"usecase-badge\"\u003e\n\u003cspan\u003e💡\u003c\/span\u003e Lamps \u0026amp; Lights\u003c\/div\u003e\n \u003cdiv class=\"usecase-badge\"\u003e\n\u003cspan\u003e🔌\u003c\/span\u003e Hair Dryers\u003c\/div\u003e\n \u003cdiv class=\"usecase-badge\"\u003e\n\u003cspan\u003e☕\u003c\/span\u003e Coffee Makers\u003c\/div\u003e\n \u003cdiv class=\"usecase-badge\"\u003e\n\u003cspan\u003e🎮\u003c\/span\u003e Game Consoles\u003c\/div\u003e\n \u003cdiv class=\"usecase-badge\"\u003e\n\u003cspan\u003e📺\u003c\/span\u003e TV Equipment\u003c\/div\u003e\n \u003cdiv class=\"usecase-badge\"\u003e\n\u003cspan\u003e🔧\u003c\/span\u003e Power Tools\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Grid --\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e13A Rated\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eHigh power capacity\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📐\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eCompact\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003ePocket-sized design\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔩\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eBrass Pins\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eDurable contacts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eABS Body\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eTough \u0026amp; safe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dimensions Section --\u003e\n \u003cdiv class=\"dimensions-section\"\u003e\n \u003ch2 class=\"dimensions-title\"\u003eCompact Dimensions\u003c\/h2\u003e\n \u003cdiv class=\"dimensions-visual\"\u003e\n \u003cdiv class=\"dimension-item\"\u003e\n \u003cdiv class=\"dimension-value\"\u003e36\u003c\/div\u003e\n \u003cdiv class=\"dimension-label\"\u003eWidth (mm)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dimension-item\"\u003e\n \u003cdiv class=\"dimension-value\"\u003e36\u003c\/div\u003e\n \u003cdiv class=\"dimension-label\"\u003eDepth (mm)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dimension-item\"\u003e\n \u003cdiv class=\"dimension-value\"\u003e47\u003c\/div\u003e\n \u003cdiv class=\"dimension-label\"\u003eHeight (mm)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specifications --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eModel\u003c\/span\u003e\n \u003cspan\u003eTA2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eColour\u003c\/span\u003e\n \u003cspan\u003eWhite\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMaterial\u003c\/span\u003e\n \u003cspan\u003eABS + Brass\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eElectrical\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eCurrent\u003c\/span\u003e\n \u003cspan\u003e13A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eVoltage\u003c\/span\u003e\n \u003cspan\u003e250V\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMax Power\u003c\/span\u003e\n \u003cspan\u003e3250W\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eConversion\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eInput\u003c\/span\u003e\n \u003cspan\u003eEU 2-Pin (Type C)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eOutput\u003c\/span\u003e\n \u003cspan\u003eUK 3-Pin (Type G)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eDimensions\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eSize\u003c\/span\u003e\n \u003cspan\u003e36×36×47mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty --\u003e\n \u003cdiv class=\"warranty-section\"\u003e\n \u003cdiv class=\"warranty-card red\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon red\"\u003e✓\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"warranty-card gray\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Package --\u003e\n \u003cdiv class=\"package-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n \u003cdiv class=\"package-items\"\u003e\n \u003cspan class=\"package-item\"\u003e🔌 1 x EU to UK Travel Adapter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49288526168409,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/659DA35E-7F17-487D-AC96-339DA62AC4D8.png?v=1726172999"},{"product_id":"usb-c-8-in-1-multifunction-hub-pd3-hdmi-rj45-tg-adp05-8in1","title":"USB-C 8-in-1 Multifunction Hub | PD 3.0 Fast Charging, 4K HDMI, RJ45 Ethernet, 3x USB, TF \u0026 SD Card Reader | Universal Laptop Docking Hub | MacBook, Windows \u0026 Android | Model TG-ADP05-8IN1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"USB-C 8-in-1 multifunction hub with PD 3.0 fast charging, 4K HDMI, RJ45 ethernet, 3x USB ports, TF \u0026amp; SD card reader slots. One hub for every connection. Model TG-ADP05-8IN1.\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n\n \/* Port accent colours *\/\n --col-pd: #0288D1;\n --col-hdmi: #C62828;\n --col-rj45: #2E7D32;\n --col-usb: #F57C00;\n --col-sd: #7B3F9E;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 70% 50% at 10% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 50% 50% at 90% 10%, rgba(198,40,40,0.05) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 50% 100%, rgba(46,125,50,0.04) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 580px;\n margin: 0 auto 36px;\n font-weight: 300;\n }\n\n \/* Port pills *\/\n .port-pills {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 48px;\n }\n\n .ppill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 7px 16px;\n border-radius: 100px;\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.06em;\n border: 1.5px solid;\n text-transform: uppercase;\n }\n\n .ppill.pd { background: rgba(2,136,209,0.08); border-color: rgba(2,136,209,0.3); color: var(--col-pd); }\n .ppill.hdmi { background: rgba(198,40,40,0.08); border-color: rgba(198,40,40,0.3); color: var(--col-hdmi); }\n .ppill.rj45 { background: rgba(46,125,50,0.08); border-color: rgba(46,125,50,0.3); color: var(--col-rj45); }\n .ppill.usb { background: rgba(245,124,0,0.08); border-color: rgba(245,124,0,0.3); color: var(--col-usb); }\n .ppill.sd { background: rgba(123,63,158,0.08); border-color: rgba(123,63,158,0.3); color: var(--col-sd); }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) { inset: -20px; border-color: rgba(198,40,40,0.1); animation-delay: 0.5s; }\n .product-visual .ring:nth-child(3) { inset: -40px; border-color: rgba(46,125,50,0.07); animation-delay: 1s; }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex; align-items: center; justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 120px;\n padding: 22px 14px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.3rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.72rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px; font-weight: 700;\n letter-spacing: 0.14em; text-transform: uppercase;\n color: var(--accent); margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800; line-height: 1.15;\n letter-spacing: -0.02em; margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px; font-weight: 300; font-size: 1rem;\n }\n\n \/* ── Port Grid ── *\/\n .ports-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .ports-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .port-card {\n border-radius: var(--radius);\n padding: 28px 24px;\n border: 1.5px solid;\n transition: transform 0.2s;\n background: var(--bg);\n }\n\n .port-card:hover { transform: translateY(-4px); }\n\n .port-card.pd { border-color: rgba(2,136,209,0.2); }\n .port-card.hdmi { border-color: rgba(198,40,40,0.2); }\n .port-card.rj45 { border-color: rgba(46,125,50,0.2); }\n .port-card.usb { border-color: rgba(245,124,0,0.2); }\n .port-card.tf { border-color: rgba(123,63,158,0.2); }\n .port-card.sd { border-color: rgba(123,63,158,0.2); }\n\n .port-icon { font-size: 36px; display: block; margin-bottom: 14px; }\n\n .port-tag {\n display: inline-block;\n font-family: 'Syne', sans-serif;\n font-size: 10px; font-weight: 700;\n letter-spacing: 0.12em; text-transform: uppercase;\n padding: 3px 10px; border-radius: 100px;\n border: 1px solid; margin-bottom: 12px;\n }\n\n .port-card.pd .port-tag { background: rgba(2,136,209,0.1); border-color: rgba(2,136,209,0.25); color: var(--col-pd); }\n .port-card.hdmi .port-tag { background: rgba(198,40,40,0.1); border-color: rgba(198,40,40,0.25); color: var(--col-hdmi); }\n .port-card.rj45 .port-tag { background: rgba(46,125,50,0.1); border-color: rgba(46,125,50,0.25); color: var(--col-rj45); }\n .port-card.usb .port-tag { background: rgba(245,124,0,0.1); border-color: rgba(245,124,0,0.25); color: var(--col-usb); }\n .port-card.tf .port-tag { background: rgba(123,63,158,0.1); border-color: rgba(123,63,158,0.25); color: var(--col-sd); }\n .port-card.sd .port-tag { background: rgba(123,63,158,0.1); border-color: rgba(123,63,158,0.25); color: var(--col-sd); }\n\n .port-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem; font-weight: 800; margin-bottom: 8px;\n }\n\n .port-card p { font-size: 0.86rem; color: var(--text-secondary); font-weight: 300; line-height: 1.6; }\n\n \/* ── Hub Diagram ── *\/\n .diagram-section { background: var(--bg); }\n\n .hub-diagram-wrap {\n margin-top: 48px;\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 48px 24px;\n text-align: center;\n overflow-x: auto;\n }\n\n \/* ── Features Grid ── *\/\n .features-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 28px; right: 28px;\n height: 1px; background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px; height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex; align-items: center; justify-content: center;\n font-size: 22px; margin-bottom: 20px;\n }\n\n .feature-card h3 { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\n .feature-card p { font-size: 0.88rem; color: var(--text-secondary); font-weight: 300; line-height: 1.6; }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) { .specs-layout { grid-template-columns: 1fr; gap: 40px; } }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n .specs-table td:first-child {\n color: var(--text-muted); font-weight: 500; width: 45%;\n font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.04em;\n }\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 36px;\n text-align: center;\n }\n\n .port-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 20px;\n text-align: left;\n }\n\n .port-row {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 14px;\n border-radius: var(--radius-sm);\n background: #ffffff;\n border: 1px solid var(--border);\n }\n\n .port-dot {\n width: 10px; height: 10px;\n border-radius: 50%; flex-shrink: 0;\n }\n\n .port-dot.pd { background: var(--col-pd); }\n .port-dot.hdmi { background: var(--col-hdmi); }\n .port-dot.rj45 { background: var(--col-rj45); }\n .port-dot.usb { background: var(--col-usb); }\n .port-dot.sd { background: var(--col-sd); }\n\n .port-row-label { font-size: 0.84rem; font-weight: 500; color: var(--text-secondary); flex: 1; }\n .port-row-count {\n font-family: 'Syne', sans-serif;\n font-size: 0.78rem; font-weight: 700;\n color: var(--text-muted);\n background: var(--bg-card);\n padding: 2px 8px; border-radius: 100px;\n border: 1px solid var(--border);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex; align-items: center; gap: 24px; flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n .warranty-text h4 { font-family: 'Syne', sans-serif; font-size: 1.1rem; font-weight: 700; margin-bottom: 4px; }\n .warranty-text p { font-size: 0.88rem; color: var(--text-secondary); font-weight: 300; }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px; margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover { border-color: rgba(2,136,209,0.35); transform: translateY(-3px); }\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n .usecase-card h4 { font-family: 'Syne', sans-serif; font-size: 0.95rem; font-weight: 700; margin-bottom: 6px; }\n .usecase-card p { font-size: 0.83rem; color: var(--text-muted); line-height: 1.55; }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px; text-align: center;\n color: var(--text-muted); font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\u003c!-- ── HERO ── --\u003e\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"badge\"\u003e8-in-1 USB-C Hub · Model TG-ADP05-8IN1\u003c\/div\u003e\n\u003ch1\u003eUSB‑C \u003cem\u003e8‑in‑1\u003c\/em\u003e Multifunction Hub\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eOne USB-C connection expands into eight — PD 3.0 fast charging, 4K HDMI display, wired ethernet, three USB ports, and TF \u0026amp; SD card reader slots. Everything your desk needs, nothing it doesn't.\u003c\/p\u003e\n\u003cdiv class=\"port-pills\"\u003e\n\u003cspan class=\"ppill pd\"\u003e⚡ PD 3.0\u003c\/span\u003e \u003cspan class=\"ppill hdmi\"\u003e🖥 4K HDMI\u003c\/span\u003e \u003cspan class=\"ppill rj45\"\u003e🌐 RJ45\u003c\/span\u003e \u003cspan class=\"ppill usb\"\u003e⬛ 3× USB\u003c\/span\u003e \u003cspan class=\"ppill sd\"\u003e💾 TF + SD\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-visual\"\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-icon\"\u003e🖥️\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e8-in-1\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003ePorts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003ePD 3.0\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eFast Charge\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e4K\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eHDMI Output\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eRJ45\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWired Ethernet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e3× USB\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eUSB Ports\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eTF + SD\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCard Readers\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── PORT GRID ── --\u003e\n\u003csection class=\"ports-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003e8 Ports, 1 Hub\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eEvery connection\u003cbr\u003eyou actually need\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eThe TG-ADP05-8IN1 replaces your tangle of individual adapters and dongles with a single, organised hub — covering power, display, network, data, and storage in one unit.\u003c\/p\u003e\n\u003cdiv class=\"ports-grid\"\u003e\n\u003c!-- PD 3.0 --\u003e\n\u003cdiv class=\"port-card pd\"\u003e\n\u003cspan class=\"port-icon\"\u003e⚡\u003c\/span\u003e \u003cspan class=\"port-tag\"\u003eUSB-C\u003c\/span\u003e\n\u003ch4\u003ePD 3.0 Fast Charging\u003c\/h4\u003e\n\u003cp\u003ePass-through USB-C Power Delivery 3.0 port keeps your laptop or device charging at full speed while the hub is in use — no compromise on charge rate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- HDMI --\u003e\n\u003cdiv class=\"port-card hdmi\"\u003e\n\u003cspan class=\"port-icon\"\u003e🖥️\u003c\/span\u003e \u003cspan class=\"port-tag\"\u003eHDMI\u003c\/span\u003e\n\u003ch4\u003e4K HDMI Display Output\u003c\/h4\u003e\n\u003cp\u003eDrive an external monitor, TV, or projector at up to 4K resolution — crisp, high-fidelity display output for presentations, dual-screen work, and entertainment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- RJ45 --\u003e\n\u003cdiv class=\"port-card rj45\"\u003e\n\u003cspan class=\"port-icon\"\u003e🌐\u003c\/span\u003e \u003cspan class=\"port-tag\"\u003eRJ45 Ethernet\u003c\/span\u003e\n\u003ch4\u003eGigabit Ethernet Port\u003c\/h4\u003e\n\u003cp\u003eSkip the Wi-Fi drops — plug directly into your router or network switch via the RJ45 port for a stable, fast wired internet connection on any USB-C laptop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- USB ×3 --\u003e\n\u003cdiv class=\"port-card usb\"\u003e\n\u003cspan class=\"port-icon\"\u003e⬛\u003c\/span\u003e \u003cspan class=\"port-tag\"\u003e3× USB\u003c\/span\u003e\n\u003ch4\u003eThree USB-A Ports\u003c\/h4\u003e\n\u003cp\u003eThree full-size USB-A ports let you connect keyboards, mice, flash drives, external hard drives, and other USB peripherals simultaneously without a separate hub.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- TF --\u003e\n\u003cdiv class=\"port-card tf\"\u003e\n\u003cspan class=\"port-icon\"\u003e💾\u003c\/span\u003e \u003cspan class=\"port-tag\"\u003eTF Card\u003c\/span\u003e\n\u003ch4\u003eTF MicroSD Card Reader\u003c\/h4\u003e\n\u003cp\u003eRead and write TF (MicroSD) cards directly from the hub — perfect for transferring photos from cameras, drones, and action cameras without a separate reader.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- SD --\u003e\n\u003cdiv class=\"port-card sd\"\u003e\n\u003cspan class=\"port-icon\"\u003e🗂️\u003c\/span\u003e \u003cspan class=\"port-tag\"\u003eSD Card\u003c\/span\u003e\n\u003ch4\u003eFull-Size SD Card Reader\u003c\/h4\u003e\n\u003cp\u003eThe dedicated SD card slot handles full-size SD cards for DSLR cameras, camcorders, and other SD-equipped devices — fast read and write speeds for large files.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── HUB DIAGRAM ── --\u003e\n\u003csection class=\"diagram-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eHub Diagram\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eOne USB-C port.\u003cbr\u003eEight connections.\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eA single USB-C connection to your laptop unlocks the full suite of ports — power, display, network, USB, and card reading — all at once.\u003c\/p\u003e\n\u003cdiv class=\"hub-diagram-wrap\"\u003e\u003csvg style=\"max-width: 660px; width: 100%; display: block; margin: 0 auto;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 700 300\"\u003e\n \n \u003crect stroke-width=\"2\" stroke=\"#C8CBD0\" fill=\"#EDEEF1\" rx=\"14\" height=\"100\" width=\"160\" y=\"100\" x=\"270\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#4A5261\" font-weight=\"800\" font-size=\"13\" font-family=\"'Syne',sans-serif\" y=\"146\" x=\"305\"\u003e8-in-1\u003c\/text\u003e\n \u003ctext fill=\"#8C94A3\" font-weight=\"600\" font-size=\"11\" font-family=\"'Syne',sans-serif\" y=\"163\" x=\"298\"\u003eUSB-C HUB\u003c\/text\u003e\n\n \n \u003cline stroke-linecap=\"round\" stroke-width=\"3\" stroke=\"#0288D1\" y2=\"150\" x2=\"270\" y1=\"150\" x1=\"160\"\u003e\u003c\/line\u003e\n \u003crect stroke-width=\"1.5\" stroke=\"#A8AAAF\" fill=\"#C8CBD0\" rx=\"8\" height=\"36\" width=\"82\" y=\"132\" x=\"80\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#0288D1\" font-weight=\"700\" font-size=\"9\" font-family=\"'Syne',sans-serif\" y=\"146\" x=\"87\"\u003eUSB-C IN\u003c\/text\u003e\n \u003ctext fill=\"#8C94A3\" font-size=\"8\" font-family=\"'DM Sans',sans-serif\" y=\"160\" x=\"90\"\u003eFrom Laptop\u003c\/text\u003e\n\n \n \n \u003cline stroke-dasharray=\"0\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#0288D1\" y2=\"86\" x2=\"530\" y1=\"112\" x1=\"430\"\u003e\u003c\/line\u003e\n \u003crect stroke-width=\"1.5\" stroke=\"rgba(2,136,209,0.3)\" fill=\"rgba(2,136,209,0.1)\" rx=\"6\" height=\"26\" width=\"100\" y=\"74\" x=\"530\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#0288D1\" font-weight=\"700\" font-size=\"10\" font-family=\"'Syne',sans-serif\" y=\"91\" x=\"540\"\u003e⚡ PD 3.0\u003c\/text\u003e\n\n \n \u003cline stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#C62828\" y2=\"114\" x2=\"530\" y1=\"125\" x1=\"430\"\u003e\u003c\/line\u003e\n \u003crect stroke-width=\"1.5\" stroke=\"rgba(198,40,40,0.3)\" fill=\"rgba(198,40,40,0.1)\" rx=\"6\" height=\"26\" width=\"100\" y=\"102\" x=\"530\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#C62828\" font-weight=\"700\" font-size=\"10\" font-family=\"'Syne',sans-serif\" y=\"119\" x=\"537\"\u003e🖥 4K HDMI\u003c\/text\u003e\n\n \n \u003cline stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#2E7D32\" y2=\"140\" x2=\"530\" y1=\"138\" x1=\"430\"\u003e\u003c\/line\u003e\n \u003crect stroke-width=\"1.5\" stroke=\"rgba(46,125,50,0.3)\" fill=\"rgba(46,125,50,0.1)\" rx=\"6\" height=\"26\" width=\"100\" y=\"128\" x=\"530\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#2E7D32\" font-weight=\"700\" font-size=\"10\" font-family=\"'Syne',sans-serif\" y=\"145\" x=\"542\"\u003e🌐 RJ45\u003c\/text\u003e\n\n \n \u003cline stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#F57C00\" y2=\"166\" x2=\"530\" y1=\"152\" x1=\"430\"\u003e\u003c\/line\u003e\n \u003crect stroke-width=\"1.5\" stroke=\"rgba(245,124,0,0.3)\" fill=\"rgba(245,124,0,0.1)\" rx=\"6\" height=\"26\" width=\"100\" y=\"154\" x=\"530\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#F57C00\" font-weight=\"700\" font-size=\"10\" font-family=\"'Syne',sans-serif\" y=\"171\" x=\"537\"\u003e⬛ 3× USB-A\u003c\/text\u003e\n\n \n \u003cline stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#7B3F9E\" y2=\"192\" x2=\"530\" y1=\"165\" x1=\"430\"\u003e\u003c\/line\u003e\n \u003crect stroke-width=\"1.5\" stroke=\"rgba(123,63,158,0.3)\" fill=\"rgba(123,63,158,0.1)\" rx=\"6\" height=\"26\" width=\"100\" y=\"180\" x=\"530\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#7B3F9E\" font-weight=\"700\" font-size=\"10\" font-family=\"'Syne',sans-serif\" y=\"197\" x=\"541\"\u003e💾 TF Card\u003c\/text\u003e\n\n \n \u003cline stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#7B3F9E\" y2=\"218\" x2=\"530\" y1=\"178\" x1=\"430\"\u003e\u003c\/line\u003e\n \u003crect stroke-width=\"1.5\" stroke=\"rgba(123,63,158,0.3)\" fill=\"rgba(123,63,158,0.1)\" rx=\"6\" height=\"26\" width=\"100\" y=\"206\" x=\"530\"\u003e\u003c\/rect\u003e\n \u003ctext fill=\"#7B3F9E\" font-weight=\"700\" font-size=\"10\" font-family=\"'Syne',sans-serif\" y=\"223\" x=\"541\"\u003e🗂 SD Card\u003c\/text\u003e\n\n \n \u003ctext fill=\"#4A5261\" font-weight=\"700\" font-size=\"11\" font-family=\"'Syne',sans-serif\" y=\"268\" x=\"295\"\u003e8 PORTS TOTAL\u003c\/text\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eYour desk, fully\u003cbr\u003econnected\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eThe TG-ADP05-8IN1 transforms a single USB-C port into a fully-featured workstation — eliminating the need for multiple individual dongles and adapters.\u003c\/p\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003ePD 3.0 Pass-Through Charging\u003c\/h3\u003e\n\u003cp\u003eKeep your laptop or device powered at full charge speed while using all hub ports simultaneously — Power Delivery 3.0 ensures no compromise on charging performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🖥️\u003c\/div\u003e\n\u003ch3\u003e4K HDMI Display Output\u003c\/h3\u003e\n\u003cp\u003eMirror or extend your screen to any 4K HDMI-compatible monitor, TV, or projector — ideal for presentations, multi-screen productivity, and media streaming.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n\u003ch3\u003eRJ45 Wired Ethernet\u003c\/h3\u003e\n\u003cp\u003eBypass unreliable Wi-Fi with a direct wired network connection via the RJ45 port — faster, more stable, and essential for video calls, large uploads, and remote work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⬛\u003c\/div\u003e\n\u003ch3\u003e3× USB-A Ports\u003c\/h3\u003e\n\u003cp\u003eThree full-size USB-A ports connect keyboards, mice, flash drives, external drives, webcams, and any USB peripheral — all at the same time, from a single hub.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💾\u003c\/div\u003e\n\u003ch3\u003eTF \u0026amp; SD Card Reader Slots\u003c\/h3\u003e\n\u003cp\u003eDedicated TF (MicroSD) and full-size SD card slots let you import photos, videos, and files directly from cameras, drones, and cards — no separate reader required.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n\u003ch3\u003eSingle USB-C Connection\u003c\/h3\u003e\n\u003cp\u003ePlugs into any USB-C port on your laptop or tablet — one cable delivers all eight connections instantly, with no separate power supply needed for the hub itself.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\u003cdiv class=\"specs-layout\"\u003e\n\u003cdiv\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eTG-ADP05-8IN1\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHub Type\u003c\/td\u003e\n\u003ctd\u003e8-in-1 USB-C Multifunction Hub\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInput\u003c\/td\u003e\n\u003ctd\u003eUSB-C (from host device)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCharging Port\u003c\/td\u003e\n\u003ctd\u003eUSB-C PD 3.0 Fast Charging\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDisplay Output\u003c\/td\u003e\n\u003ctd\u003e4K HDMI\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNetwork Port\u003c\/td\u003e\n\u003ctd\u003eRJ45 Ethernet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUSB Ports\u003c\/td\u003e\n\u003ctd\u003e3× USB-A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCard Readers\u003c\/td\u003e\n\u003ctd\u003eTF (MicroSD) + SD Card\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTotal Ports\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"warranty-bar\"\u003e\n\u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"warranty-text\"\u003e\n\u003ch4\u003eWarranty Included\u003c\/h4\u003e\n\u003cp\u003eThe TG-ADP05-8IN1 hub is backed by a manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"specs-visual\"\u003e\n\u003cdiv style=\"margin-bottom: 16px;\" class=\"section-label\"\u003eAll 8 Ports at a Glance\u003c\/div\u003e\n\u003cdiv class=\"port-list\"\u003e\n\u003cdiv class=\"port-row\"\u003e\n\u003cdiv class=\"port-dot pd\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"port-row-label\"\u003eUSB-C PD 3.0 Fast Charging\u003c\/span\u003e \u003cspan class=\"port-row-count\"\u003e×1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"port-row\"\u003e\n\u003cdiv class=\"port-dot hdmi\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"port-row-label\"\u003e4K HDMI Display Output\u003c\/span\u003e \u003cspan class=\"port-row-count\"\u003e×1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"port-row\"\u003e\n\u003cdiv class=\"port-dot rj45\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"port-row-label\"\u003eRJ45 Gigabit Ethernet\u003c\/span\u003e \u003cspan class=\"port-row-count\"\u003e×1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"port-row\"\u003e\n\u003cdiv class=\"port-dot usb\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"port-row-label\"\u003eUSB-A Data Ports\u003c\/span\u003e \u003cspan class=\"port-row-count\"\u003e×3\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"port-row\"\u003e\n\u003cdiv class=\"port-dot sd\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"port-row-label\"\u003eTF (MicroSD) Card Reader\u003c\/span\u003e \u003cspan class=\"port-row-count\"\u003e×1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"port-row\"\u003e\n\u003cdiv class=\"port-dot sd\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"port-row-label\"\u003eSD Card Reader\u003c\/span\u003e \u003cspan class=\"port-row-count\"\u003e×1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eOne hub,\u003cbr\u003eevery workflow\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eFrom the home office to the boardroom — the TG-ADP05-8IN1 handles every connectivity scenario a modern laptop user faces.\u003c\/p\u003e\n\u003cdiv class=\"usecases-grid\"\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e💻\u003c\/span\u003e\n\u003ch4\u003eHome Office Setup\u003c\/h4\u003e\n\u003cp\u003eConnect a 4K monitor, wired keyboard, mouse, ethernet, and charge your laptop — all from a single USB-C port on your desk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e📸\u003c\/span\u003e\n\u003ch4\u003ePhoto \u0026amp; Video Editing\u003c\/h4\u003e\n\u003cp\u003eImport from SD and TF cards simultaneously while driving a 4K external monitor and keeping your laptop charged — every tool at once.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e🎤\u003c\/span\u003e\n\u003ch4\u003ePresentations \u0026amp; Meetings\u003c\/h4\u003e\n\u003cp\u003ePlug into a conference room projector via HDMI, connect to wired ethernet for rock-solid video calls, and keep your laptop topped up throughout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e✈️\u003c\/span\u003e\n\u003ch4\u003eTravel \u0026amp; Remote Work\u003c\/h4\u003e\n\u003cp\u003eReplace a bag full of individual adapters with one compact hub — wired internet, display output, USB peripherals, and charging from a single device.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── FOOTER ── --\u003e\u003cfooter class=\"footer\"\u003e\n\u003cp\u003e\u003cstrong\u003eUSB-C 8-in-1 Multifunction Hub · Model TG-ADP05-8IN1\u003c\/strong\u003e · PD 3.0 · 4K HDMI · RJ45 · 3× USB · TF + SD\u003c\/p\u003e\n\u003cp style=\"margin-top: 8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49299957612889,"sku":null,"price":39.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/DAAA0D23-34C0-4826-97E7-517F8C03E15B.jpg?v=1726412574"},{"product_id":"3-5mm-to-usb-c-audio-cable-1m-tpe-abs-ax17-c-j","title":"3.5mm to USB-C Audio Cable 1M | AUX Jack to USB-C | Android Phone, Tablet \u0026 Laptop Compatible | TPE \u0026 ABS Build | Analogue Stereo Audio Lead | 12-Month Warranty | Model AX17-C-J","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"3.5mm to USB-C audio cable, 1 metre, TPE \u0026amp; ABS build. Connect 3.5mm audio sources to USB-C devices. Compatible with Android phones, tablets \u0026amp; USB-C laptops. 12-month warranty. Model AX17-C-J.\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Direction pill *\/\n .direction-row {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-bottom: 48px;\n flex-wrap: wrap;\n }\n\n .dir-pill {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 22px;\n border-radius: 100px;\n font-family: 'Syne', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.04em;\n border: 1.5px solid;\n }\n\n .dir-pill.jack { background: rgba(245,124,0,0.08); border-color: rgba(245,124,0,0.3); color: var(--accent-warm); }\n .dir-pill.usbc { background: rgba(2,136,209,0.08); border-color: rgba(2,136,209,0.3); color: var(--accent); }\n\n .dir-arrow {\n font-size: 20px;\n color: var(--text-muted);\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) { inset: -20px; border-color: rgba(2,136,209,0.1); animation-delay: 0.5s; }\n .product-visual .ring:nth-child(3) { inset: -40px; border-color: rgba(2,136,209,0.05); animation-delay: 1s; }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 16px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.76rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Connector Detail ── *\/\n .connector-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .connector-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 640px) { .connector-split { grid-template-columns: 1fr; } }\n\n .conn-detail {\n border-radius: var(--radius);\n padding: 36px 28px;\n border: 1.5px solid;\n transition: transform 0.2s;\n }\n\n .conn-detail:hover { transform: translateY(-3px); }\n\n .conn-detail.jack { background: rgba(245,124,0,0.04); border-color: rgba(245,124,0,0.2); }\n .conn-detail.usbc { background: rgba(2,136,209,0.04); border-color: rgba(2,136,209,0.2); }\n\n .conn-detail-icon { font-size: 44px; display: block; margin-bottom: 16px; }\n\n .conn-detail-tag {\n display: inline-block;\n font-family: 'Syne', sans-serif;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n padding: 3px 12px;\n border-radius: 100px;\n border: 1px solid;\n margin-bottom: 14px;\n }\n\n .conn-detail.jack .conn-detail-tag { background: rgba(245,124,0,0.1); border-color: rgba(245,124,0,0.25); color: var(--accent-warm); }\n .conn-detail.usbc .conn-detail-tag { background: rgba(2,136,209,0.1); border-color: rgba(2,136,209,0.25); color: var(--accent); }\n\n .conn-detail h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.05rem;\n font-weight: 800;\n margin-bottom: 10px;\n }\n\n .conn-detail p {\n font-size: 0.87rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.65;\n margin-bottom: 18px;\n }\n\n .conn-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n }\n\n .conn-chip {\n padding: 4px 12px;\n border-radius: 100px;\n font-size: 0.76rem;\n font-weight: 500;\n background: rgba(255,255,255,0.8);\n border: 1px solid var(--border);\n color: var(--text-muted);\n }\n\n \/* ── Material Duo ── *\/\n .material-section { background: var(--bg); }\n\n .material-duo {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 640px) { .material-duo { grid-template-columns: 1fr; } }\n\n .mat-card {\n border-radius: var(--radius);\n padding: 36px 28px;\n border: 1px solid var(--border);\n background: var(--bg-card);\n display: flex;\n align-items: flex-start;\n gap: 20px;\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .mat-card:hover { transform: translateY(-3px); border-color: rgba(2,136,209,0.3); }\n .mat-card .mat-icon { font-size: 36px; flex-shrink: 0; margin-top: 2px; }\n\n .mat-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .mat-card p { font-size: 0.86rem; color: var(--text-secondary); font-weight: 300; line-height: 1.6; }\n\n \/* ── Features Grid ── *\/\n .features-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 28px; right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px; height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\n .feature-card p { font-size: 0.88rem; color: var(--text-secondary); font-weight: 300; line-height: 1.6; }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) { .specs-layout { grid-template-columns: 1fr; gap: 40px; } }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n .specs-table td:first-child {\n color: var(--text-muted); font-weight: 500; width: 45%;\n font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.04em;\n }\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent-warm), var(--accent));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '🎵';\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex; flex-wrap: wrap; gap: 8px;\n justify-content: center; margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex; align-items: center; gap: 24px; flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n .warranty-text h4 { font-family: 'Syne', sans-serif; font-size: 1.1rem; font-weight: 700; margin-bottom: 4px; }\n .warranty-text p { font-size: 0.88rem; color: var(--text-secondary); font-weight: 300; }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px; margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover { border-color: rgba(2,136,209,0.35); transform: translateY(-3px); }\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n .usecase-card h4 { font-family: 'Syne', sans-serif; font-size: 0.95rem; font-weight: 700; margin-bottom: 6px; }\n .usecase-card p { font-size: 0.83rem; color: var(--text-muted); line-height: 1.55; }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px; text-align: center;\n color: var(--text-muted); font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\u003c!-- ── HERO ── --\u003e\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"badge\"\u003eAudio Cable · Model AX17-C-J\u003c\/div\u003e\n\u003ch1\u003e3.5mm to \u003cem\u003eUSB‑C\u003c\/em\u003e Audio Cable\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eA 1-metre TPE and ABS audio cable that connects 3.5mm audio sources directly to USB-C devices — delivering clear analogue audio to any Android phone, tablet, or USB-C laptop.\u003c\/p\u003e\n\u003cdiv class=\"direction-row\"\u003e\n\u003cspan class=\"dir-pill jack\"\u003e🎵 3.5mm Jack\u003c\/span\u003e \u003cspan class=\"dir-arrow\"\u003e→\u003c\/span\u003e \u003cspan class=\"dir-pill usbc\"\u003e⚡ USB-C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-visual\"\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-icon\"\u003e🎧\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e3.5mm\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto USB-C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e1 Metre\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eTPE\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCable Jacket\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eABS\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eConnector Body\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eStereo\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAudio Signal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── CONNECTOR DETAIL ── --\u003e\n\u003csection class=\"connector-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eConnector Ends\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eFrom 3.5mm source\u003cbr\u003eto USB-C device\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eThe AX17-C-J is the reverse of a standard USB-C audio adapter — designed to feed audio from a 3.5mm source into a USB-C device for maximum flexibility.\u003c\/p\u003e\n\u003cdiv class=\"connector-split\"\u003e\n\u003cdiv class=\"conn-detail jack\"\u003e\n\u003cspan class=\"conn-detail-icon\"\u003e🎵\u003c\/span\u003e \u003cspan class=\"conn-detail-tag\"\u003eInput End\u003c\/span\u003e\n\u003ch4\u003e3.5mm Aux Jack\u003c\/h4\u003e\n\u003cp\u003eThe 3.5mm male plug connects to any standard headphone output, aux port, car stereo, speaker, or audio source — the universal audio connection standard found on billions of devices.\u003c\/p\u003e\n\u003cdiv class=\"conn-chips\"\u003e\n\u003cspan class=\"conn-chip\"\u003eCar Stereos\u003c\/span\u003e \u003cspan class=\"conn-chip\"\u003eSpeakers\u003c\/span\u003e \u003cspan class=\"conn-chip\"\u003eAudio Interfaces\u003c\/span\u003e \u003cspan class=\"conn-chip\"\u003eHi-Fi Receivers\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"conn-detail usbc\"\u003e\n\u003cspan class=\"conn-detail-icon\"\u003e⚡\u003c\/span\u003e \u003cspan class=\"conn-detail-tag\"\u003eOutput End\u003c\/span\u003e\n\u003ch4\u003eUSB-C Connector\u003c\/h4\u003e\n\u003cp\u003eThe USB-C male plug connects to any USB-C device that supports analogue audio input — Android smartphones, tablets, USB-C laptops, and other USB-C audio-enabled devices.\u003c\/p\u003e\n\u003cdiv class=\"conn-chips\"\u003e\n\u003cspan class=\"conn-chip\"\u003eAndroid Phones\u003c\/span\u003e \u003cspan class=\"conn-chip\"\u003eUSB-C Tablets\u003c\/span\u003e \u003cspan class=\"conn-chip\"\u003eLaptops\u003c\/span\u003e \u003cspan class=\"conn-chip\"\u003eUSB-C DACs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── MATERIALS ── --\u003e\n\u003csection class=\"material-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eMaterials \u0026amp; Construction\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003ePractical materials,\u003cbr\u003eproven performance\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eThe AX17-C-J uses two carefully selected materials — TPE for the cable jacket and ABS for the connector bodies — each chosen for its specific role in durability and audio performance.\u003c\/p\u003e\n\u003cdiv class=\"material-duo\"\u003e\n\u003cdiv class=\"mat-card\"\u003e\n\u003cdiv class=\"mat-icon\"\u003e🧴\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTPE Cable Jacket\u003c\/h4\u003e\n\u003cp\u003eThermoplastic elastomer provides a soft, flexible cable jacket that resists kinking and tangling during daily use. More durable than standard PVC and remains supple at a wide range of temperatures — ideal for in-car and outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-card\"\u003e\n\u003cdiv class=\"mat-icon\"\u003e🏗️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eABS Connector Body\u003c\/h4\u003e\n\u003cp\u003eAcrylonitrile butadiene styrene (ABS) connector housings deliver excellent impact resistance and dimensional stability — keeping the connector shape precise for a secure, wobble-free fit in both 3.5mm and USB-C ports.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eAudio your way,\u003cbr\u003ewithout compromise\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eThe AX17-C-J is built for users who want to bring 3.5mm audio sources into the USB-C world — reliably, clearly, and without any fuss.\u003c\/p\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎵\u003c\/div\u003e\n\u003ch3\u003eClear Analogue Audio Signal\u003c\/h3\u003e\n\u003cp\u003eDelivers a faithful analogue stereo audio signal from any 3.5mm source to your USB-C device — no digital conversion, no latency, no compression.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n\u003ch3\u003e3.5mm to USB-C Interface\u003c\/h3\u003e\n\u003cp\u003eBridges the gap between legacy 3.5mm audio sources and modern USB-C devices — making headphone jacks, car stereos, and speakers compatible with your USB-C phone or laptop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n\u003ch3\u003e1 Metre Length\u003c\/h3\u003e\n\u003cp\u003eAt exactly 1 metre, the cable offers the ideal balance of reach and tidiness — comfortable for car use, desk setups, and everyday carry scenarios.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧴\u003c\/div\u003e\n\u003ch3\u003eFlexible TPE Jacket\u003c\/h3\u003e\n\u003cp\u003eThe thermoplastic elastomer jacket stays flexible, tangle-resistant, and kink-free through years of daily plugging and unplugging — a step above standard PVC cables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🏗️\u003c\/div\u003e\n\u003ch3\u003eDurable ABS Connector Body\u003c\/h3\u003e\n\u003cp\u003eImpact-resistant ABS connector housings maintain their precise shape through thousands of connection cycles — providing a consistently firm, wobble-free fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n\u003ch3\u003eBroad USB-C Compatibility\u003c\/h3\u003e\n\u003cp\u003eWorks with any USB-C Android smartphone, tablet, or laptop that supports analogue audio input via USB-C — no drivers or software installation required.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\u003cdiv class=\"specs-layout\"\u003e\n\u003cdiv\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eAX17-C-J\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003e3.5mm Male (Input)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003eUSB-C Male (Output)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCable Length\u003c\/td\u003e\n\u003ctd\u003e1 Metre\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCable Material\u003c\/td\u003e\n\u003ctd\u003eThermoplastic Elastomer (TPE)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eConnector Material\u003c\/td\u003e\n\u003ctd\u003eABS (Acrylonitrile Butadiene Styrene)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAudio Signal\u003c\/td\u003e\n\u003ctd\u003eAnalogue Stereo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"warranty-bar\"\u003e\n\u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"warranty-text\"\u003e\n\u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n\u003cp\u003eEvery AX17-C-J cable is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"specs-visual\"\u003e\n\u003cdiv style=\"margin-bottom: 8px;\" class=\"section-label\"\u003eConnection Diagram\u003c\/div\u003e\n\u003cdiv class=\"connector-diagram\"\u003e\n\u003cdiv class=\"connector-box\"\u003e3.5mm Source\u003c\/div\u003e\n\u003cdiv class=\"connector-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"connector-box\"\u003eUSB-C Device\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 0.82rem; color: var(--text-muted); margin-bottom: 20px;\"\u003eCompatible devices \u0026amp; sources include:\u003c\/p\u003e\n\u003cdiv class=\"compat-chips\"\u003e\n\u003cspan class=\"chip\"\u003eAndroid Phones\u003c\/span\u003e \u003cspan class=\"chip\"\u003eUSB-C Tablets\u003c\/span\u003e \u003cspan class=\"chip\"\u003eLaptops\u003c\/span\u003e \u003cspan class=\"chip\"\u003eCar Stereos\u003c\/span\u003e \u003cspan class=\"chip\"\u003eHi-Fi Receivers\u003c\/span\u003e \u003cspan class=\"chip\"\u003eAudio Interfaces\u003c\/span\u003e \u003cspan class=\"chip\"\u003eSpeakers\u003c\/span\u003e \u003cspan class=\"chip\"\u003eUSB-C DACs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eConnecting the old\u003cbr\u003eworld to the new\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eThe AX17-C-J solves real everyday scenarios where a 3.5mm source needs to reach a USB-C device — without adapters, dongles, or compromise.\u003c\/p\u003e\n\u003cdiv class=\"usecases-grid\"\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e🚗\u003c\/span\u003e\n\u003ch4\u003eCar Stereo to Phone\u003c\/h4\u003e\n\u003cp\u003eRun audio from a car's 3.5mm headphone output directly to your USB-C Android phone — great for using your phone as a display or recorder while driving.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e🎙️\u003c\/span\u003e\n\u003ch4\u003eAudio Input Recording\u003c\/h4\u003e\n\u003cp\u003eConnect a 3.5mm microphone or audio interface output to your USB-C phone or tablet for on-the-go recording without a separate audio interface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e🎸\u003c\/span\u003e\n\u003ch4\u003eHi-Fi to Laptop\u003c\/h4\u003e\n\u003cp\u003eFeed audio from a hi-fi receiver, amplifier, or speaker's 3.5mm output directly into a USB-C laptop for capture, monitoring, or playback.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e💻\u003c\/span\u003e\n\u003ch4\u003eLaptop Audio In\u003c\/h4\u003e\n\u003cp\u003eUse any 3.5mm audio source as an input for your USB-C laptop — useful for presentations, video calls, and audio production workflows.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── FOOTER ── --\u003e\u003cfooter class=\"footer\"\u003e\n\u003cp\u003e\u003cstrong\u003e3.5mm to USB-C Audio Cable · Model AX17-C-J\u003c\/strong\u003e · 1 Metre · TPE + ABS · Analogue Stereo · 12-Month Warranty\u003c\/p\u003e\n\u003cp style=\"margin-top: 8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49317221106009,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/7FC2CA96-33F3-4A1D-9272-0EEC837FE118.jpg?v=1726585231"},{"product_id":"3-5mm-to-3-5mm-aux-cable-1m-tpr-aluminium-ax11j1m","title":"3.5mm to 3.5mm Aux Cable 1M | Thermoplastic Rubber \u0026 Aluminium Alloy Audio Lead | Universal Car Stereo, Speaker \u0026 Headphone Jack Cable | Clear Analogue Stereo Audio | 12-Month Warranty | AX11J1M","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003e3.5mm to 3.5mm Aux Cable 1M | TPR \u0026amp; Aluminium Alloy Audio Lead | AX11J1M\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"3.5mm to 3.5mm aux cable, 1 metre, thermoplastic rubber jacket \u0026amp; aluminium alloy connectors. Universal audio lead for car stereos, speakers, headphones \u0026amp; hi-fi. 12-month warranty. Model AX11J1M.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) { inset: -20px; border-color: rgba(2,136,209,0.1); animation-delay: 0.5s; }\n .product-visual .ring:nth-child(3) { inset: -40px; border-color: rgba(2,136,209,0.05); animation-delay: 1s; }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 16px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.76rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Material Trio ── *\/\n .material-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .material-trio {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 650px) { .material-trio { grid-template-columns: 1fr; } }\n\n .mat-card {\n border-radius: var(--radius);\n padding: 32px 24px;\n text-align: center;\n border: 1px solid var(--border);\n background: var(--bg);\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .mat-card:hover { transform: translateY(-3px); border-color: rgba(2,136,209,0.3); }\n .mat-card .mat-icon { font-size: 38px; margin-bottom: 16px; display: block; }\n\n .mat-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .mat-card p { font-size: 0.85rem; color: var(--text-secondary); font-weight: 300; line-height: 1.6; }\n\n \/* ── Cable Diagram ── *\/\n .diagram-section { background: var(--bg); }\n\n .cable-diagram-wrap {\n margin-top: 48px;\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 48px 32px;\n text-align: center;\n overflow-x: auto;\n }\n\n \/* ── Features Grid ── *\/\n .features-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 28px; right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px; height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\n .feature-card p { font-size: 0.88rem; color: var(--text-secondary); font-weight: 300; line-height: 1.6; }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) { .specs-layout { grid-template-columns: 1fr; gap: 40px; } }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n .specs-table td:first-child {\n color: var(--text-muted); font-weight: 500; width: 45%;\n font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.04em;\n }\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '🎵';\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex; flex-wrap: wrap; gap: 8px;\n justify-content: center; margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex; align-items: center; gap: 24px; flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 { font-family: 'Syne', sans-serif; font-size: 1.1rem; font-weight: 700; margin-bottom: 4px; }\n .warranty-text p { font-size: 0.88rem; color: var(--text-secondary); font-weight: 300; }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover { border-color: rgba(2,136,209,0.35); transform: translateY(-3px); }\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 { font-family: 'Syne', sans-serif; font-size: 0.95rem; font-weight: 700; margin-bottom: 6px; }\n .usecase-card p { font-size: 0.83rem; color: var(--text-muted); line-height: 1.55; }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px; text-align: center;\n color: var(--text-muted); font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eAux Cable · Model AX11J1M\u003c\/div\u003e\n \u003ch1\u003e3.5mm to 3.5mm \u003cem\u003eAux\u003c\/em\u003e Cable\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eA 1-metre analogue audio cable with thermoplastic rubber jacket and aluminium alloy connectors — delivering clear, reliable stereo audio between any two 3.5mm devices.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🎧\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e3.5mm\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto 3.5mm\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e1 Metre\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eTPR\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eRubber Jacket\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Connectors\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eStereo\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAudio Signal\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── MATERIALS ── --\u003e\n\u003csection class=\"material-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eMaterials \u0026amp; Construction\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt for daily use,\u003cbr\u003ebuilt to last\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe AX11J1M pairs two premium materials chosen specifically for audio cable performance and durability — so it keeps working long after cheaper cables have failed.\u003c\/p\u003e\n\n \u003cdiv class=\"material-trio\"\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🧴\u003c\/span\u003e\n \u003ch4\u003eThermoplastic Rubber Jacket\u003c\/h4\u003e\n \u003cp\u003eThe flexible TPR outer jacket resists kinking, tangling, and cracking — maintaining its flexibility in both cold and warm conditions for years of reliable daily use.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🏗️\u003c\/span\u003e\n \u003ch4\u003eAluminium Alloy Connectors\u003c\/h4\u003e\n \u003cp\u003ePrecision-machined aluminium alloy connector housings deliver a firm, wobble-free connection and resist corrosion through thousands of plug-in cycles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🎵\u003c\/span\u003e\n \u003ch4\u003ePure Analogue Audio\u003c\/h4\u003e\n \u003cp\u003eStraight analogue stereo signal — no conversion, no compression, no latency. Just clean, faithful audio reproduction from source to speaker.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── CABLE DIAGRAM ── --\u003e\n\u003csection class=\"diagram-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eCable Diagram\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eSimple, universal,\u003cbr\u003eand reliable\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eBoth ends are identical 3.5mm male plugs — connecting any audio source to any 3.5mm-equipped output in seconds.\u003c\/p\u003e\n\n \u003cdiv class=\"cable-diagram-wrap\"\u003e\n \u003csvg viewbox=\"0 0 560 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"max-width:520px; width:100%; display:block; margin:0 auto;\"\u003e\n \u003c!-- Cable body --\u003e\n \u003crect x=\"110\" y=\"70\" width=\"340\" height=\"20\" rx=\"10\" fill=\"#EDEEF1\" stroke=\"#D0D3D8\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n\n \u003c!-- Left connector housing --\u003e\n \u003crect x=\"60\" y=\"62\" width=\"54\" height=\"36\" rx=\"8\" fill=\"#C8CBD0\" stroke=\"#A8AAAF\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003c!-- Left plug tip --\u003e\n \u003crect x=\"20\" y=\"71\" width=\"42\" height=\"18\" rx=\"9\" fill=\"#0288D1\" stroke=\"#0277BD\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n\n \u003c!-- Right connector housing --\u003e\n \u003crect x=\"446\" y=\"62\" width=\"54\" height=\"36\" rx=\"8\" fill=\"#C8CBD0\" stroke=\"#A8AAAF\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003c!-- Right plug tip --\u003e\n \u003crect x=\"498\" y=\"71\" width=\"42\" height=\"18\" rx=\"9\" fill=\"#F57C00\" stroke=\"#E65100\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n\n \u003c!-- Labels --\u003e\n \u003ctext x=\"24\" y=\"125\" font-family=\"'Syne',sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#0288D1\"\u003e3.5mm\u003c\/text\u003e\n \u003ctext x=\"18\" y=\"141\" font-family=\"'DM Sans',sans-serif\" font-size=\"9\" fill=\"#8C94A3\" font-weight=\"500\"\u003eAUDIO SOURCE\u003c\/text\u003e\n\n \u003ctext x=\"490\" y=\"125\" font-family=\"'Syne',sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#F57C00\"\u003e3.5mm\u003c\/text\u003e\n \u003ctext x=\"487\" y=\"141\" font-family=\"'DM Sans',sans-serif\" font-size=\"9\" fill=\"#8C94A3\" font-weight=\"500\"\u003eAUDIO OUTPUT\u003c\/text\u003e\n\n \u003c!-- Length marker --\u003e\n \u003cline x1=\"110\" y1=\"110\" x2=\"450\" y2=\"110\" stroke=\"#D0D3D8\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n \u003cline x1=\"110\" y1=\"105\" x2=\"110\" y2=\"115\" stroke=\"#D0D3D8\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n \u003cline x1=\"450\" y1=\"105\" x2=\"450\" y2=\"115\" stroke=\"#D0D3D8\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n \u003ctext x=\"240\" y=\"130\" font-family=\"'Syne',sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#4A5261\"\u003e1 METRE\u003c\/text\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eThe aux cable done\u003cbr\u003eproperly\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eNo gimmicks, no unnecessary complexity — just a well-made 3.5mm audio cable that connects any two devices and sounds exactly as it should.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎵\u003c\/div\u003e\n \u003ch3\u003eClear Analogue Stereo Audio\u003c\/h3\u003e\n \u003cp\u003eDelivers a faithful, uncompressed analogue stereo signal from any 3.5mm source to any 3.5mm output — no DAC, no lag, no wireless dropouts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n \u003ch3\u003eUniversal 3.5mm Compatibility\u003c\/h3\u003e\n \u003cp\u003eWorks with any device featuring a standard 3.5mm audio jack — smartphones, tablets, laptops, car stereos, portable speakers, hi-fi systems, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3\u003e1 Metre Length\u003c\/h3\u003e\n \u003cp\u003ePerfectly sized for in-car use, desk setups, and general everyday use — enough reach to be comfortable without becoming unwieldy cable clutter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌀\u003c\/div\u003e\n \u003ch3\u003eTangle-Resistant TPR Jacket\u003c\/h3\u003e\n \u003cp\u003eThe thermoplastic rubber jacket stays supple and tangle-free even after repeated coiling — far more durable and flexible than standard PVC-coated cables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🏗️\u003c\/div\u003e\n \u003ch3\u003eAluminium Alloy Connectors\u003c\/h3\u003e\n \u003cp\u003eBoth 3.5mm plugs feature aluminium alloy housings for a secure, shake-free connection that resists wear through years of regular plugging and unplugging.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🚗\u003c\/div\u003e\n \u003ch3\u003eCar Stereo Ready\u003c\/h3\u003e\n \u003cp\u003eConnect your phone, tablet, or music player directly to your car's aux input for clear, uncompressed audio on every journey.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eAX11J1M\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003e3.5mm Male (Straight)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003e3.5mm Male (Straight)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Length\u003c\/td\u003e\n\u003ctd\u003e1 Metre\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Material\u003c\/td\u003e\n\u003ctd\u003eThermoplastic Rubber (TPR)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector Material\u003c\/td\u003e\n\u003ctd\u003eAluminium Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eAudio Signal\u003c\/td\u003e\n\u003ctd\u003eAnalogue Stereo\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery AX11J1M cable is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003eAudio Source\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003eAudio Output\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices \u0026amp; outputs include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eCar Stereos\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eSmartphones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eTablets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eLaptops\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003ePortable Speakers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHeadphones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHi-Fi Systems\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eAmplifiers\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003ePlug in, play on\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom the car dashboard to the living room hi-fi — the AX11J1M handles every 3.5mm audio scenario with ease.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🚗\u003c\/span\u003e\n \u003ch4\u003eIn-Car Audio\u003c\/h4\u003e\n \u003cp\u003eConnect any 3.5mm device to your car's aux input for crisp, uncompressed music and navigation audio on every drive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🔊\u003c\/span\u003e\n \u003ch4\u003ePortable Speakers\u003c\/h4\u003e\n \u003cp\u003eStream audio from any phone, tablet, or laptop to any 3.5mm-equipped portable or desktop speaker — no Bluetooth pairing needed.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎧\u003c\/span\u003e\n \u003ch4\u003eWired Headphones\u003c\/h4\u003e\n \u003cp\u003eExtend a headphone cable or connect to a 3.5mm amplifier for low-latency, high-quality listening without wireless interference.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎸\u003c\/span\u003e\n \u003ch4\u003eHi-Fi \u0026amp; Studio Gear\u003c\/h4\u003e\n \u003cp\u003eConnect a source device to a stereo amplifier, mixer, or studio monitor for reliable analogue audio in home and studio setups.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003e3.5mm to 3.5mm Aux Cable · Model AX11J1M\u003c\/strong\u003e · 1 Metre · TPR Jacket · Aluminium Alloy · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49317272813913,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/B235E06D-B27B-473C-93A3-908380D763D1.png?v=1726585909"},{"product_id":"3-in-1-aux-cable-usb-c-8-pin-3-5mm-tg-ax013in1","title":"3-in-1 Aux Cable 1.2M | USB-C, 8-Pin \u0026 3.5mm Universal Audio Cable | iPhone, Android \u0026 Laptop Compatible | Multi-Connector Car Stereo \u0026 Speaker Lead | 12-Month Warranty | Model TG-AX013IN1","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003e3-in-1 Aux Cable 1.2M | USB-C, 8-Pin \u0026amp; 3.5mm Audio Cable | Universal | TG-AX013IN1\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"3-in-1 aux cable, 1.2 metres, with USB-C, 8-Pin and 3.5mm connectors. One cable for all your devices — iPhone, Android, tablets \u0026amp; more. 12-month warranty. Model TG-AX013IN1.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --accent-green: #2E7D32;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n\n \/* Per-connector accent colours *\/\n --col-usbc: #0288D1;\n --col-8pin: #7B3F9E;\n --col-35mm: #E65100;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 60% 50% at 20% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 60% 50% at 80% 10%, rgba(123,63,158,0.06) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 50% 90%, rgba(230,81,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Connector pill row *\/\n .connector-pills {\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n margin-bottom: 48px;\n }\n\n .pill {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n border-radius: 100px;\n font-family: 'Syne', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.04em;\n border: 1.5px solid;\n }\n\n .pill.usbc { background: rgba(2,136,209,0.08); border-color: rgba(2,136,209,0.3); color: var(--col-usbc); }\n .pill.epin { background: rgba(123,63,158,0.08); border-color: rgba(123,63,158,0.3); color: var(--col-8pin); }\n .pill.jack { background: rgba(230,81,0,0.08); border-color: rgba(230,81,0,0.3); color: var(--col-35mm); }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) { inset: -20px; border-color: rgba(123,63,158,0.1); animation-delay: 0.5s; }\n .product-visual .ring:nth-child(3) { inset: -40px; border-color: rgba(230,81,0,0.07); animation-delay: 1s; }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 16px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.76rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Connector Trio ── *\/\n .connector-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .connector-trio {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 660px) {\n .connector-trio { grid-template-columns: 1fr; }\n }\n\n .conn-card {\n border-radius: var(--radius);\n padding: 32px 26px;\n border: 1.5px solid;\n transition: transform 0.2s;\n }\n\n .conn-card:hover { transform: translateY(-4px); }\n\n .conn-card.usbc { background: rgba(2,136,209,0.04); border-color: rgba(2,136,209,0.18); }\n .conn-card.epin { background: rgba(123,63,158,0.04); border-color: rgba(123,63,158,0.18); }\n .conn-card.jack { background: rgba(230,81,0,0.04); border-color: rgba(230,81,0,0.18); }\n\n .conn-card-icon { font-size: 40px; margin-bottom: 16px; display: block; }\n\n .conn-label {\n display: inline-block;\n font-family: 'Syne', sans-serif;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n padding: 3px 10px;\n border-radius: 100px;\n margin-bottom: 12px;\n border: 1px solid;\n }\n\n .conn-card.usbc .conn-label { background: rgba(2,136,209,0.1); border-color: rgba(2,136,209,0.25); color: var(--col-usbc); }\n .conn-card.epin .conn-label { background: rgba(123,63,158,0.1); border-color: rgba(123,63,158,0.25); color: var(--col-8pin); }\n .conn-card.jack .conn-label { background: rgba(230,81,0,0.1); border-color: rgba(230,81,0,0.25); color: var(--col-35mm); }\n\n .conn-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.05rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .conn-card p {\n font-size: 0.86rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n .conn-compat {\n margin-top: 16px;\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n }\n\n .conn-chip {\n padding: 3px 10px;\n border-radius: 100px;\n font-size: 0.75rem;\n font-weight: 500;\n background: rgba(255,255,255,0.7);\n border: 1px solid var(--border);\n color: var(--text-muted);\n }\n\n \/* ── Cable diagram section ── *\/\n .diagram-section { background: var(--bg); }\n\n .cable-diagram-wrap {\n margin-top: 48px;\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 48px 32px;\n text-align: center;\n overflow-x: auto;\n }\n\n \/* ── Features Grid ── *\/\n .features-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 28px; right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px; height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) { .specs-layout { grid-template-columns: 1fr; gap: 40px; } }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n .specs-table td:first-child {\n color: var(--text-muted); font-weight: 500; width: 42%;\n font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.04em;\n }\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .connector-dots {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .cdot {\n width: 10px; height: 10px; border-radius: 50%;\n flex-shrink: 0;\n }\n\n .cdot.usbc { background: var(--col-usbc); }\n .cdot.epin { background: var(--col-8pin); }\n .cdot.jack { background: var(--col-35mm); }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .compat-chips {\n display: flex; flex-wrap: wrap; gap: 8px;\n justify-content: center; margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex; align-items: center; gap: 24px; flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem; font-weight: 700; margin-bottom: 4px;\n }\n\n .warranty-text p { font-size: 0.88rem; color: var(--text-secondary); font-weight: 300; }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px; margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover { border-color: rgba(2,136,209,0.35); transform: translateY(-3px); }\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem; font-weight: 700; margin-bottom: 6px;\n }\n\n .usecase-card p { font-size: 0.83rem; color: var(--text-muted); line-height: 1.55; }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px; text-align: center;\n color: var(--text-muted); font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eUniversal Audio Cable · Model TG-AX013IN1\u003c\/div\u003e\n \u003ch1\u003e3‑in‑1 \u003cem\u003eAux\u003c\/em\u003e Cable\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eOne 1.2-metre cable with three connectors — USB-C, 8-Pin, and 3.5mm — so every device in the room can plug in without hunting for a different cable.\u003c\/p\u003e\n\n \u003cdiv class=\"connector-pills\"\u003e\n \u003cspan class=\"pill usbc\"\u003e⚡ USB-C\u003c\/span\u003e\n \u003cspan class=\"pill epin\"\u003e 8-Pin\u003c\/span\u003e\n \u003cspan class=\"pill jack\"\u003e🎵 3.5mm\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🎶\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e3-in-1\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eConnectors\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e1.2m\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eUSB-C\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eConnector 1\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e8-Pin\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eConnector 2\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e3.5mm\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eConnector 3\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── CONNECTOR TRIO ── --\u003e\n\u003csection class=\"connector-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eThree Connectors, One Cable\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eEvery device.\u003cbr\u003eOne cable.\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe TG-AX013IN1 eliminates cable clutter by combining USB-C, 8-Pin, and 3.5mm audio connectors into a single 1.2-metre cable — the only aux cable you'll ever need to carry.\u003c\/p\u003e\n\n \u003cdiv class=\"connector-trio\"\u003e\n \u003c!-- USB-C --\u003e\n \u003cdiv class=\"conn-card usbc\"\u003e\n \u003cspan class=\"conn-card-icon\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"conn-label\"\u003eUSB-C\u003c\/span\u003e\n \u003ch4\u003eUSB-C Connector\u003c\/h4\u003e\n \u003cp\u003eFor modern Android smartphones, tablets, USB-C laptops, and any device using the universal USB-C audio standard.\u003c\/p\u003e\n \u003cdiv class=\"conn-compat\"\u003e\n \u003cspan class=\"conn-chip\"\u003eAndroid\u003c\/span\u003e\n \u003cspan class=\"conn-chip\"\u003eUSB-C Tablets\u003c\/span\u003e\n \u003cspan class=\"conn-chip\"\u003eLaptops\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8-Pin --\u003e\n \u003cdiv class=\"conn-card epin\"\u003e\n \u003cspan class=\"conn-card-icon\"\u003e📱\u003c\/span\u003e\n \u003cspan class=\"conn-label\"\u003e8-Pin\u003c\/span\u003e\n \u003ch4\u003e8-Pin Connector\u003c\/h4\u003e\n \u003cp\u003eFor iPhone, iPad, and iPod — connects 8-pin Apple devices to any 3.5mm audio output without needing a separate Apple adapter.\u003c\/p\u003e\n \u003cdiv class=\"conn-compat\"\u003e\n \u003cspan class=\"conn-chip\"\u003eiPhone\u003c\/span\u003e\n \u003cspan class=\"conn-chip\"\u003eiPad\u003c\/span\u003e\n \u003cspan class=\"conn-chip\"\u003eiPod\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 3.5mm --\u003e\n \u003cdiv class=\"conn-card jack\"\u003e\n \u003cspan class=\"conn-card-icon\"\u003e🎵\u003c\/span\u003e\n \u003cspan class=\"conn-label\"\u003e3.5mm Jack\u003c\/span\u003e\n \u003ch4\u003e3.5mm Connector\u003c\/h4\u003e\n \u003cp\u003eThe universal 3.5mm aux end connects to car stereos, portable speakers, headphones, amplifiers, and virtually any audio output.\u003c\/p\u003e\n \u003cdiv class=\"conn-compat\"\u003e\n \u003cspan class=\"conn-chip\"\u003eCar Stereos\u003c\/span\u003e\n \u003cspan class=\"conn-chip\"\u003eSpeakers\u003c\/span\u003e\n \u003cspan class=\"conn-chip\"\u003eHeadphones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── CABLE DIAGRAM ── --\u003e\n\u003csection class=\"diagram-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eCable Diagram\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eHow it all\u003cbr\u003ecomes together\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eA single cable trunk splits into three colour-coded connectors — plug in whichever end suits your device and leave the others neatly out of the way.\u003c\/p\u003e\n\n \u003cdiv class=\"cable-diagram-wrap\"\u003e\n \u003csvg viewbox=\"0 0 620 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"max-width:580px; width:100%; display:block; margin:0 auto;\"\u003e\n \u003c!-- Main trunk --\u003e\n \u003crect x=\"220\" y=\"102\" width=\"160\" height=\"16\" rx=\"8\" fill=\"#EDEEF1\" stroke=\"#D0D3D8\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n\n \u003c!-- Length label --\u003e\n \u003cline x1=\"220\" y1=\"145\" x2=\"380\" y2=\"145\" stroke=\"#D0D3D8\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n \u003ctext x=\"275\" y=\"162\" font-family=\"'Syne',sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#4A5261\"\u003e1.2 METRES\u003c\/text\u003e\n\n \u003c!-- Branch: USB-C (top) --\u003e\n \u003cpath d=\"M 290 102 Q 290 55 180 55\" fill=\"none\" stroke=\"#EDEEF1\" stroke-width=\"14\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M 290 102 Q 290 55 180 55\" fill=\"none\" stroke=\"#D0D3D8\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c!-- USB-C plug --\u003e\n \u003crect x=\"110\" y=\"43\" width=\"74\" height=\"26\" rx=\"8\" fill=\"#C8CBD0\" stroke=\"#A8AAAF\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003crect x=\"84\" y=\"49\" width=\"28\" height=\"14\" rx=\"7\" fill=\"#0288D1\" stroke=\"#0277BD\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n \u003ctext x=\"120\" y=\"30\" font-family=\"'Syne',sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#0288D1\"\u003eUSB-C\u003c\/text\u003e\n\n \u003c!-- Branch: 8-Pin (middle-bottom) --\u003e\n \u003cpath d=\"M 310 118 Q 310 165 180 165\" fill=\"none\" stroke=\"#EDEEF1\" stroke-width=\"14\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M 310 118 Q 310 165 180 165\" fill=\"none\" stroke=\"#D0D3D8\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c!-- 8-Pin plug --\u003e\n \u003crect x=\"110\" y=\"153\" width=\"74\" height=\"26\" rx=\"8\" fill=\"#C8CBD0\" stroke=\"#A8AAAF\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003crect x=\"84\" y=\"159\" width=\"28\" height=\"14\" rx=\"7\" fill=\"#7B3F9E\" stroke=\"#6A1F8E\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n \u003ctext x=\"118\" y=\"195\" font-family=\"'Syne',sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#7B3F9E\"\u003e8-PIN\u003c\/text\u003e\n\n \u003c!-- 3.5mm output end (right) --\u003e\n \u003crect x=\"376\" y=\"98\" width=\"72\" height=\"24\" rx=\"6\" fill=\"#C8CBD0\" stroke=\"#A8AAAF\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003crect x=\"445\" y=\"103\" width=\"50\" height=\"14\" rx=\"7\" fill=\"#E65100\" stroke=\"#BF360C\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n \u003ctext x=\"455\" y=\"94\" font-family=\"'Syne',sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#E65100\"\u003e3.5mm\u003c\/text\u003e\n \u003ctext x=\"448\" y=\"132\" font-family=\"'DM Sans',sans-serif\" font-size=\"9\" fill=\"#8C94A3\" font-weight=\"500\"\u003eAUX OUTPUT\u003c\/text\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eOne cable to\u003cbr\u003ereplace them all\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe TG-AX013IN1 is designed for households, travel bags, and car glove boxes — anywhere multiple people with different devices need a single audio solution.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔀\u003c\/div\u003e\n \u003ch3\u003e3-in-1 Universal Connectivity\u003c\/h3\u003e\n \u003cp\u003eUSB-C, 8-Pin, and 3.5mm in one cable means every device in the room — iPhone, Android, laptop — can connect without swapping cables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3\u003e1.2 Metre Length\u003c\/h3\u003e\n \u003cp\u003eAt 1.2 metres, there's comfortable reach for car use, desk setups, and shared listening sessions — without excess cable getting in the way.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎵\u003c\/div\u003e\n \u003ch3\u003eUniversal 3.5mm Audio Output\u003c\/h3\u003e\n \u003cp\u003eThe 3.5mm end connects to any aux-equipped speaker, car stereo, headphone, amplifier, or hi-fi system — analogue audio with no quality compromise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🚗\u003c\/div\u003e\n \u003ch3\u003ePerfect for Shared Car Use\u003c\/h3\u003e\n \u003cp\u003eOne cable in the car works for every passenger's device — plug in whoever is driving or playing DJ without hunting through a cable bag.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n \u003ch3\u003eTravel-Ready\u003c\/h3\u003e\n \u003cp\u003eReplace three separate cables with one — lighter kit bag, less cable tangle, and one less thing to forget when packing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003e12-Month Warranty\u003c\/h3\u003e\n \u003cp\u003eEvery TG-AX013IN1 is backed by a full 12-month manufacturer warranty — buy with confidence and use without worry.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eTG-AX013IN1\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eConnectors\u003c\/td\u003e\n \u003ctd\u003e\n \u003cdiv class=\"connector-dots\"\u003e\n \u003cdiv class=\"cdot usbc\"\u003e\u003c\/div\u003e USB-C  · \n \u003cdiv class=\"cdot epin\"\u003e\u003c\/div\u003e 8-Pin  · \n \u003cdiv class=\"cdot jack\"\u003e\u003c\/div\u003e 3.5mm\n \u003c\/div\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Length\u003c\/td\u003e\n\u003ctd\u003e1.2 Metres\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eAudio Signal\u003c\/td\u003e\n\u003ctd\u003eAnalogue Stereo\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Type\u003c\/td\u003e\n\u003ctd\u003e3-in-1 Multi-Connector\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery TG-AX013IN1 cable is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eUniversal Compatibility\u003c\/div\u003e\n\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:16px; margin-top:8px;\"\u003eWorks with any 3.5mm-equipped output, including:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eCar Stereos\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003ePortable Speakers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHi-Fi Systems\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHeadphones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eAmplifiers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eDesktop Speakers\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin: 20px 0 12px;\"\u003eInput devices supported:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eiPhone\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eiPad\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eiPod\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eAndroid Phones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB-C Tablets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eLaptops\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eOne cable,\u003cbr\u003eeverywhere it matters\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom family road trips to shared office speakers — the TG-AX013IN1 is the one cable that handles every device, every time.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🚗\u003c\/span\u003e\n \u003ch4\u003eCar Audio for Everyone\u003c\/h4\u003e\n \u003cp\u003eKeep one cable in the car — iPhone passengers use the 8-pin end, Android users use USB-C, and it all connects to the same aux port.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🔊\u003c\/span\u003e\n \u003ch4\u003eShared Speakers\u003c\/h4\u003e\n \u003cp\u003eConnect any device to a 3.5mm speaker without swapping cables — perfect for households with mixed iPhone and Android users.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🧳\u003c\/span\u003e\n \u003ch4\u003eTravel Light\u003c\/h4\u003e\n \u003cp\u003eOne cable replaces three — less to pack, less to lose, and no more digging through your bag for the right connector on the road.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎉\u003c\/span\u003e\n \u003ch4\u003eParties \u0026amp; Gatherings\u003c\/h4\u003e\n \u003cp\u003eLet guests queue up their music from any device — the 3-in-1 design means no one is left out because they have the wrong phone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003e3-in-1 Aux Cable · Model TG-AX013IN1\u003c\/strong\u003e · USB-C · 8-Pin · 3.5mm · 1.2 Metres · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49317340053849,"sku":null,"price":19.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/1DFBB8CA-F82E-4074-8994-DCEA9BDB84D6.png?v=1726586347"},{"product_id":"wyeflow-3-5mm-right-angle-aux-cable-1m-ax16j1m","title":"WYEFLOW 3.5mm Right Angle Aux Cable 1M | 90° Right Angle Audio Jack Lead | Thermoplastic Rubber \u0026 Aluminium Alloy | Car Stereo, Speaker \u0026 Headphone Compatible | 12-Month Warranty | Model AX16J1M","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eWYEFLOW 3.5mm Right Angle Aux Cable 1M | TPR \u0026amp; Aluminium Alloy Audio Lead | AX16J1M\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"WYEFLOW 3.5mm right angle aux cable, 1 metre, thermoplastic rubber \u0026amp; aluminium alloy build. Right-angle connector for tidy cable routing. Car stereos, speakers \u0026amp; headphones. 12-month warranty.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 16px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.76rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Right Angle Highlight ── *\/\n .angle-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .angle-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 48px;\n align-items: center;\n margin-top: 48px;\n }\n\n @media (max-width: 680px) {\n .angle-layout { grid-template-columns: 1fr; gap: 32px; }\n }\n\n .angle-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px 32px;\n text-align: center;\n }\n\n \/* SVG right-angle diagram *\/\n .angle-diagram {\n width: 100%;\n max-width: 260px;\n margin: 0 auto 20px;\n display: block;\n }\n\n .angle-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.1);\n border: 1px solid rgba(2,136,209,0.2);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n }\n\n .angle-points {\n display: flex;\n flex-direction: column;\n gap: 20px;\n justify-content: center;\n }\n\n .angle-point {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 20px 22px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n transition: border-color 0.2s;\n }\n\n .angle-point:hover { border-color: rgba(2,136,209,0.3); }\n\n .angle-point-icon { font-size: 28px; flex-shrink: 0; }\n\n .angle-point h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .angle-point p {\n font-size: 0.84rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.55;\n }\n\n \/* ── Material Trio ── *\/\n .material-section { background: var(--bg); }\n\n .material-trio {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 650px) {\n .material-trio { grid-template-columns: 1fr; }\n }\n\n .mat-card {\n border-radius: var(--radius);\n padding: 32px 24px;\n text-align: center;\n border: 1px solid var(--border);\n background: var(--bg-card);\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .mat-card:hover {\n transform: translateY(-3px);\n border-color: rgba(2,136,209,0.3);\n }\n\n .mat-card .mat-icon { font-size: 38px; margin-bottom: 16px; display: block; }\n\n .mat-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .mat-card p {\n font-size: 0.85rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Features Grid ── *\/\n .features-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '🎵';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eAux Cable · Model AX16J1M · WYEFLOW\u003c\/div\u003e\n \u003ch1\u003e3.5mm \u003cem\u003eRight Angle\u003c\/em\u003e Aux Cable\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eA 1-metre aux cable engineered with a 90° right-angle connector, thermoplastic rubber jacket, and aluminium alloy housing — delivering clear analogue audio with a cleaner, low-profile cable run.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🎧\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e90°\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eRight Angle\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e3.5mm\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto 3.5mm\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e1 Metre\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eTPR\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eRubber Jacket\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Connectors\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── RIGHT ANGLE HIGHLIGHT ── --\u003e\n\u003csection class=\"angle-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eSignature Design Feature\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eThe right angle\u003cbr\u003emakes all the difference\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe 90° right-angle connector isn't just a design choice — it's a practical engineering decision that reduces cable strain, saves space, and keeps your setup looking clean.\u003c\/p\u003e\n\n \u003cdiv class=\"angle-layout\"\u003e\n \u003cdiv class=\"angle-visual\"\u003e\n \u003c!-- Right angle connector SVG diagram --\u003e\n \u003csvg class=\"angle-diagram\" viewbox=\"0 0 260 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003c!-- Cable body --\u003e\n \u003crect x=\"30\" y=\"90\" width=\"130\" height=\"20\" rx=\"10\" fill=\"#EDEEF1\" stroke=\"#D0D3D8\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003c!-- Straight connector end --\u003e\n \u003crect x=\"155\" y=\"84\" width=\"36\" height=\"32\" rx=\"6\" fill=\"#C8CBD0\" stroke=\"#A8AAAF\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003crect x=\"188\" y=\"92\" width=\"36\" height=\"16\" rx=\"8\" fill=\"#8C9099\" stroke=\"#7A7E87\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n \u003c!-- Right angle connector end --\u003e\n \u003crect x=\"10\" y=\"84\" width=\"28\" height=\"32\" rx=\"6\" fill=\"#C8CBD0\" stroke=\"#A8AAAF\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003c!-- Vertical part of angle --\u003e\n \u003crect x=\"15\" y=\"60\" width=\"18\" height=\"28\" rx=\"4\" fill=\"#C8CBD0\" stroke=\"#A8AAAF\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n \u003c!-- Tip of angle plug --\u003e\n \u003crect x=\"18\" y=\"34\" width=\"12\" height=\"30\" rx=\"6\" fill=\"#8C9099\" stroke=\"#7A7E87\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n \u003c!-- 90° angle indicator arc --\u003e\n \u003cpath d=\"M 33 84 L 33 68 A 10 10 0 0 0 23 78\" fill=\"none\" stroke=\"#0288D1\" stroke-width=\"1.5\" stroke-dasharray=\"3 2\"\u003e\u003c\/path\u003e\n \u003c!-- 90° label --\u003e\n \u003ctext x=\"40\" y=\"78\" font-family=\"'Syne', sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#0288D1\"\u003e90°\u003c\/text\u003e\n \u003c!-- Labels --\u003e\n \u003ctext x=\"8\" y=\"135\" font-family=\"'DM Sans', sans-serif\" font-size=\"10\" fill=\"#8C94A3\" font-weight=\"500\"\u003eRIGHT ANGLE\u003c\/text\u003e\n \u003ctext x=\"152\" y=\"135\" font-family=\"'DM Sans', sans-serif\" font-size=\"10\" fill=\"#8C94A3\" font-weight=\"500\"\u003eSTRAIGHT END\u003c\/text\u003e\n \u003c!-- Length label --\u003e\n \u003cline x1=\"30\" y1=\"155\" x2=\"160\" y2=\"155\" stroke=\"#D0D3D8\" stroke-width=\"1\" marker-start=\"url(#arrow)\" marker-end=\"url(#arrow)\"\u003e\u003c\/line\u003e\n \u003ctext x=\"78\" y=\"172\" font-family=\"'Syne', sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#4A5261\"\u003e1 METRE\u003c\/text\u003e\n \u003cdefs\u003e\n \u003cmarker id=\"arrow\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"\u003e\n \u003cpath d=\"M0,0 L6,3 L0,6 Z\" fill=\"#D0D3D8\"\u003e\u003c\/path\u003e\n \u003c\/marker\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n \u003cdiv class=\"angle-badge\"\u003e90° Right Angle Connector\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"angle-points\"\u003e\n \u003cdiv class=\"angle-point\"\u003e\n \u003cdiv class=\"angle-point-icon\"\u003e📐\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eReduces Cable Strain\u003c\/h4\u003e\n \u003cp\u003eThe 90° bend eliminates the sharp kink that forms when a straight plug is pressed against a surface — the most common cause of aux cable failure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"angle-point\"\u003e\n \u003cdiv class=\"angle-point-icon\"\u003e🚗\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003ePerfect for Tight Spaces\u003c\/h4\u003e\n \u003cp\u003eIdeal for car aux ports, recessed headphone jacks, and dashboard inputs where a straight plug would stick out awkwardly or put stress on the port.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"angle-point\"\u003e\n \u003cdiv class=\"angle-point-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eCleaner Cable Routing\u003c\/h4\u003e\n \u003cp\u003eThe low-profile right-angle plug sits flush against the device, keeping cables neatly routed along surfaces without unsightly loops or bends.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── MATERIALS ── --\u003e\n\u003csection class=\"material-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eMaterials \u0026amp; Construction\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt tough,\u003cbr\u003esounds great\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe AX16J1M combines two carefully selected materials that each play a distinct role in delivering a cable that lasts and performs.\u003c\/p\u003e\n\n \u003cdiv class=\"material-trio\"\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🧴\u003c\/span\u003e\n \u003ch4\u003eThermoplastic Rubber Jacket\u003c\/h4\u003e\n \u003cp\u003eThe TPR outer jacket is flexible, tangle-resistant, and far more durable than standard PVC coatings — ideal for cables that get plugged in and unplugged daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🏗️\u003c\/span\u003e\n \u003ch4\u003eAluminium Alloy Housing\u003c\/h4\u003e\n \u003cp\u003ePrecision-machined aluminium alloy connector housings deliver a secure, wobble-free fit and resist corrosion through years of regular use.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🎵\u003c\/span\u003e\n \u003ch4\u003ePure Analogue Signal\u003c\/h4\u003e\n \u003cp\u003eThe cable delivers a clean, uncompressed analogue stereo audio signal from source to output — no DAC, no latency, no Bluetooth dropouts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eEvery detail\u003cbr\u003econsidered\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe WYEFLOW AX16J1M brings together the right-angle design, quality materials, and universal 3.5mm compatibility in a single thoughtfully engineered cable.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📐\u003c\/div\u003e\n \u003ch3\u003e90° Right Angle Connector\u003c\/h3\u003e\n \u003cp\u003eThe right-angle plug reduces stress on both the cable and the audio port — extending the lifespan of the cable and protecting your device's jack.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎵\u003c\/div\u003e\n \u003ch3\u003eClear Analogue Audio\u003c\/h3\u003e\n \u003cp\u003eDelivers a high-fidelity analogue stereo signal to any 3.5mm-equipped output — speakers, car stereos, headphones, amplifiers, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3\u003e1 Metre Length\u003c\/h3\u003e\n \u003cp\u003eThe ideal length for in-car use, desk setups, and everyday carry — long enough for comfortable reach, short enough to stay organised.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌀\u003c\/div\u003e\n \u003ch3\u003eTangle-Resistant TPR Jacket\u003c\/h3\u003e\n \u003cp\u003eThe thermoplastic rubber outer layer stays flexible and tangle-free even after repeated coiling — far more resilient than standard PVC cables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🏗️\u003c\/div\u003e\n \u003ch3\u003eAluminium Alloy Connectors\u003c\/h3\u003e\n \u003cp\u003eDurable aluminium alloy connector housings provide a firm, stable plug-in with no wobble — and resist wear through thousands of connection cycles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n \u003ch3\u003eUniversal 3.5mm Compatibility\u003c\/h3\u003e\n \u003cp\u003eWorks with any device featuring a standard 3.5mm aux port — smartphones, tablets, laptops, car head units, hi-fi receivers, and portable speakers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eBrand\u003c\/td\u003e\n\u003ctd\u003eWYEFLOW\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eAX16J1M\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003e3.5mm Right Angle (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003e3.5mm Straight (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector Angle\u003c\/td\u003e\n\u003ctd\u003e90° Right Angle\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Length\u003c\/td\u003e\n\u003ctd\u003e1 Metre\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Material\u003c\/td\u003e\n\u003ctd\u003eThermoplastic Rubber (TPR)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector Material\u003c\/td\u003e\n\u003ctd\u003eAluminium Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eAudio Signal\u003c\/td\u003e\n\u003ctd\u003eAnalogue Stereo\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery AX16J1M cable is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003eAudio Source\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003e3.5mm Output\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices \u0026amp; outputs include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eCar Stereos\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eSmartphones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eTablets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eLaptops\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003ePortable Speakers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHeadphones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eAmplifiers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHi-Fi Receivers\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eWhere the right angle\u003cbr\u003ereally shines\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe 90° connector solves real problems in real environments — here's where the AX16J1M makes the biggest difference.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🚗\u003c\/span\u003e\n \u003ch4\u003eIn-Car Audio\u003c\/h4\u003e\n \u003cp\u003eThe right-angle plug sits flush in dashboard aux ports — no awkward protruding cable, no accidental disconnections on corners.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎧\u003c\/span\u003e\n \u003ch4\u003eRecessed Headphone Jacks\u003c\/h4\u003e\n \u003cp\u003eFits cleanly into deeply recessed 3.5mm ports on phones, tablets, and cases where straight plugs often don't seat properly.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🔊\u003c\/span\u003e\n \u003ch4\u003eDesktop Speakers\u003c\/h4\u003e\n \u003cp\u003eRoute the cable neatly along the back of a speaker or desk — the right-angle connector eliminates unsightly cable loops at the plug.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎸\u003c\/span\u003e\n \u003ch4\u003eHi-Fi \u0026amp; Studio Gear\u003c\/h4\u003e\n \u003cp\u003eConnect to amplifiers, mixers, and studio monitors with a low-profile plug that sits flat against the chassis for tidy rack and desk setups.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003eWYEFLOW 3.5mm Right Angle Aux Cable · Model AX16J1M\u003c\/strong\u003e · 1 Metre · TPR Jacket · Aluminium Alloy · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49317531058521,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/46E2AD65-06DA-4FF4-919D-8A7842909FB2.png?v=1726587698"},{"product_id":"usb-a-to-micro-otg-adapter-silver-otg1-a-m","title":"USB-A to Micro OTG Adapter | High-Speed Data Transfer \u0026 OTG Function | Plug \u0026 Play Interface Converter | Aluminium Alloy Shell, Anti-Loss Lanyard, Silver | Android Compatible | 12-Month Warranty | OTG1-A-M","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eUSB-A to Micro OTG Adapter | Data Transfer \u0026amp; OTG Conversion | Silver | OTG1-A-M\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"USB-A to Micro OTG adapter with plug-and-play data transfer, OTG function, aluminium alloy shell \u0026amp; anti-loss lanyard in silver. Compatible with Android \u0026amp; Micro USB devices. 12-month warranty.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 16px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.76rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── OTG Highlight ── *\/\n .otg-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .otg-duo {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 650px) {\n .otg-duo { grid-template-columns: 1fr; }\n }\n\n .otg-card {\n border-radius: var(--radius);\n padding: 36px 28px;\n display: flex;\n align-items: flex-start;\n gap: 20px;\n border: 1px solid var(--border);\n background: var(--bg);\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .otg-card:hover {\n transform: translateY(-3px);\n border-color: rgba(2,136,209,0.3);\n }\n\n .otg-card.highlight {\n background: linear-gradient(135deg, rgba(2,136,209,0.05), rgba(2,136,209,0.02));\n border-color: rgba(2,136,209,0.18);\n }\n\n .otg-card-icon { font-size: 36px; flex-shrink: 0; margin-top: 2px; }\n\n .otg-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 6px;\n }\n\n .otg-tag {\n display: inline-block;\n background: rgba(2,136,209,0.1);\n border: 1px solid rgba(2,136,209,0.2);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 3px 10px;\n border-radius: 100px;\n margin-bottom: 10px;\n display: block;\n width: fit-content;\n }\n\n .otg-card p {\n font-size: 0.86rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Build Highlight ── *\/\n .build-section {\n background: var(--bg);\n }\n\n .build-trio {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 650px) {\n .build-trio { grid-template-columns: 1fr; }\n }\n\n .build-card {\n border-radius: var(--radius);\n padding: 32px 24px;\n text-align: center;\n border: 1px solid var(--border);\n background: var(--bg-card);\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .build-card:hover {\n transform: translateY(-3px);\n border-color: rgba(2,136,209,0.3);\n }\n\n .build-card .build-icon { font-size: 38px; margin-bottom: 16px; display: block; }\n\n .build-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .build-card p {\n font-size: 0.85rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Features Grid ── *\/\n .features-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .colour-row { display: flex; align-items: center; gap: 10px; }\n .swatch {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: linear-gradient(135deg, #D8DADD, #A8AAAF);\n border: 2px solid rgba(0,0,0,0.12);\n flex-shrink: 0;\n }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '⚡';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eOTG Adapter · Model OTG1-A-M\u003c\/div\u003e\n \u003ch1\u003eUSB‑A to Micro \u003cem\u003eOTG\u003c\/em\u003e Adapter\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003ePlug-and-play OTG interface conversion with a premium aluminium alloy build, high-speed data transfer, and anti-loss lanyard — keeping your Micro USB devices connected wherever you are.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🔌\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eOTG\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eFunction Ready\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eUSB-A\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto Micro\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003ePlug \u0026amp; Play\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eNo Drivers\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Shell\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eSilver\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eFinish\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── OTG HIGHLIGHT ── --\u003e\n\u003csection class=\"otg-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eCore Functions\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eData transfer \u0026amp; OTG —\u003cbr\u003etwo functions, one adapter\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe OTG1-A-M delivers two essential connectivity functions in a single compact adapter, making it indispensable for Android and Micro USB device users.\u003c\/p\u003e\n\n \u003cdiv class=\"otg-duo\"\u003e\n \u003cdiv class=\"otg-card highlight\"\u003e\n \u003cdiv class=\"otg-card-icon\"\u003e🔄\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"otg-tag\"\u003eOTG Ready\u003c\/span\u003e\n \u003ch4\u003eOn-The-Go Function\u003c\/h4\u003e\n \u003cp\u003eOTG support lets your Micro USB Android smartphone or tablet connect directly to USB-A peripherals — keyboards, flash drives, card readers, mice, and more — without a computer in between.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"otg-card\"\u003e\n \u003cdiv class=\"otg-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"otg-tag\"\u003eData Transfer\u003c\/span\u003e\n \u003ch4\u003eHigh-Speed Data Sync\u003c\/h4\u003e\n \u003cp\u003eMove files, photos, and documents between USB-A hosts and Micro USB devices quickly and reliably. Fast sync for all your media without relying on cloud storage or wireless transfers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── BUILD HIGHLIGHT ── --\u003e\n\u003csection class=\"build-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eMaterials \u0026amp; Design\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003ePremium build,\u003cbr\u003epocket-sized\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eEvery detail of the OTG1-A-M is chosen for durability and daily convenience — from the precision-machined shell to the thoughtful anti-loss attachment point.\u003c\/p\u003e\n\n \u003cdiv class=\"build-trio\"\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🏗️\u003c\/span\u003e\n \u003ch4\u003eAluminium Alloy Shell\u003c\/h4\u003e\n \u003cp\u003ePrecision-machined aluminium alloy housing delivers a polished silver finish and resists daily wear, corrosion, and accidental impacts far better than standard plastic alternatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🧴\u003c\/span\u003e\n \u003ch4\u003eTPE Flex Protection\u003c\/h4\u003e\n \u003cp\u003eThermoplastic elastomer strain relief at the connector joints absorbs bending stress and protects the internal wiring — extending the adapter's usable lifespan significantly.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🔗\u003c\/span\u003e\n \u003ch4\u003eAnti-Loss Lanyard Design\u003c\/h4\u003e\n \u003cp\u003eA built-in lanyard loop lets you clip the adapter to keys, bags, or cable organisers — so this essential little adapter is always exactly where you need it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eEverything you need,\u003cbr\u003enothing you don't\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe OTG1-A-M is engineered for seamless compatibility between USB-A hosts and Micro USB devices — compact enough to live on your keychain.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eOTG Function Support\u003c\/h3\u003e\n \u003cp\u003eOn-The-Go capability lets your Micro USB Android device connect directly to USB-A peripherals — flash drives, keyboards, mice, card readers, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eHigh-Speed Data Transfer\u003c\/h3\u003e\n \u003cp\u003eSync files, photos, and videos between USB-A hosts and Micro USB devices quickly and reliably — no cloud uploads or wireless connections required.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n \u003cp\u003eNo drivers, no software, no setup. Connect and go — compatible with Windows, macOS, Android, and Linux systems right out of the box.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n \u003ch3\u003eMulti-Functional Interface Conversion\u003c\/h3\u003e\n \u003cp\u003eBridges the gap between USB-A ports and Micro USB devices — laptops, hubs, chargers, power banks, and accessories all become instantly compatible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔗\u003c\/div\u003e\n \u003ch3\u003eAnti-Loss Lanyard Design\u003c\/h3\u003e\n \u003cp\u003eBuilt-in lanyard attachment keeps the adapter tethered to your bag, keys, or case — the best adapter is the one you can always find.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎒\u003c\/div\u003e\n \u003ch3\u003eEasy to Carry\u003c\/h3\u003e\n \u003cp\u003eUltra-compact form factor and lanyard loop make this adapter effortless to take anywhere — ideal for travel, EDC pouches, and daily commutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eOTG1-A-M\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003eUSB-A (Female)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003eMicro USB (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFunctions\u003c\/td\u003e\n\u003ctd\u003eOTG, Data Transfer, Interface Conversion\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eTPE + Aluminium Alloy Shell\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eColour\u003c\/td\u003e\n\u003ctd\u003e\u003cdiv class=\"colour-row\"\u003e\n\u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eSilver\u003c\/div\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSetup\u003c\/td\u003e\n\u003ctd\u003ePlug \u0026amp; Play (Driver-Free)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePortability\u003c\/td\u003e\n\u003ctd\u003eAnti-Loss Lanyard Design\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery OTG1-A-M adapter is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003eUSB-A Host\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003eMicro USB Device\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eAndroid Phones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eTablets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eFlash Drives\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eKeyboards\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eMice\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eCard Readers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB Hubs\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003ePower Banks\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eYour adapter for\u003cbr\u003eevery scenario\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom desktop data transfer to on-the-road OTG — the OTG1-A-M keeps your Micro USB devices fully connected to the USB-A world.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📱\u003c\/span\u003e\n \u003ch4\u003eAndroid OTG\u003c\/h4\u003e\n \u003cp\u003eConnect USB-A keyboards, mice, or flash drives directly to your Micro USB Android smartphone or tablet via OTG — no computer needed.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e💻\u003c\/span\u003e\n \u003ch4\u003eLaptop \u0026amp; Desktop\u003c\/h4\u003e\n \u003cp\u003eSync and transfer files between Micro USB devices and USB-A ports on laptops and desktops without needing a full-size cable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📁\u003c\/span\u003e\n \u003ch4\u003eFile Transfer\u003c\/h4\u003e\n \u003cp\u003eQuickly move large files — photos, videos, and documents — between USB-A storage and Micro USB devices, entirely offline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e✈️\u003c\/span\u003e\n \u003ch4\u003eTravel \u0026amp; On-the-Go\u003c\/h4\u003e\n \u003cp\u003eLightweight with a lanyard attachment — clip it to your bag and always have USB-A to Micro USB conversion ready whenever you need it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003eUSB-A to Micro OTG Adapter · Model OTG1-A-M\u003c\/strong\u003e · OTG \u0026amp; Data Transfer · TPE + Aluminium Alloy · Silver · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49340379103577,"sku":null,"price":8.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/F8BDEDD7-AE4C-471A-A5AA-BBF0E0B9F463.png?v=1726830708"},{"product_id":"micro-usb-to-8-pin-mini-adapter-silver-adp4-m-l","title":"Micro USB to 8-Pin Mini Adapter | Plug \u0026 Play Data Transfer \u0026 Interface Converter | Aluminium Alloy Shell, Anti-Loss Lanyard, Silver | iPhone, iPad \u0026 iPod Compatible | 12-Month Warranty | ADP4-M-L","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eMicro USB to 8-Pin Mini Adapter | Data Transfer \u0026amp; Interface Converter | Silver | ADP4-M-L\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Micro USB to 8-Pin mini adapter with plug-and-play data transfer, aluminium alloy shell \u0026amp; anti-loss lanyard in silver. Compatible with iPhone \u0026amp; iPad. 12-month warranty. Model ADP4-M-L.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 16px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.76rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Build Highlight ── *\/\n .build-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .build-trio {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 650px) {\n .build-trio { grid-template-columns: 1fr; }\n }\n\n .build-card {\n border-radius: var(--radius);\n padding: 32px 24px;\n text-align: center;\n border: 1px solid var(--border);\n background: var(--bg);\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .build-card:hover {\n transform: translateY(-3px);\n border-color: rgba(2,136,209,0.3);\n }\n\n .build-card .build-icon { font-size: 38px; margin-bottom: 16px; display: block; }\n\n .build-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .build-card p {\n font-size: 0.85rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Features Grid ── *\/\n .features-section { background: var(--bg); }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg-card);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .colour-row { display: flex; align-items: center; gap: 10px; }\n .swatch {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: linear-gradient(135deg, #D8DADD, #A8AAAF);\n border: 2px solid rgba(0,0,0,0.12);\n flex-shrink: 0;\n }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '⚡';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eMini Adapter · Model ADP4-M-L\u003c\/div\u003e\n \u003ch1\u003eMicro to \u003cem\u003e8‑Pin\u003c\/em\u003e Mini Adapter\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eA compact silver adapter that instantly converts your Micro USB cable to an 8-pin connection — plug-and-play data transfer, aluminium alloy shell, and an anti-loss lanyard so it's always at hand.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🔌\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eMicro\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto 8-Pin\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003ePlug \u0026amp; Play\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eNo Drivers\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Shell\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eSilver\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eFinish\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── BUILD HIGHLIGHT ── --\u003e\n\u003csection class=\"build-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eMaterials \u0026amp; Design\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003ePremium build,\u003cbr\u003eminiature form\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eEvery material in the ADP4-M-L is chosen for durability and daily use — a tough shell, flexible joint protection, and a smart anti-loss feature packed into one tiny adapter.\u003c\/p\u003e\n\n \u003cdiv class=\"build-trio\"\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🏗️\u003c\/span\u003e\n \u003ch4\u003eAluminium Alloy Shell\u003c\/h4\u003e\n \u003cp\u003ePrecision-machined aluminium alloy housing delivers a polished silver finish that resists wear, corrosion, and everyday knocks — far superior to standard plastic adapters.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🧴\u003c\/span\u003e\n \u003ch4\u003eTPE Flex Protection\u003c\/h4\u003e\n \u003cp\u003eThe thermoplastic elastomer strain relief absorbs bending stress at the connector joints, significantly extending the adapter's usable lifespan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🔗\u003c\/span\u003e\n \u003ch4\u003eAnti-Loss Lanyard Design\u003c\/h4\u003e\n \u003cp\u003eA built-in lanyard loop lets you clip the adapter to your keys, bag, or cable organiser — because a tiny adapter is only useful when you can actually find it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eSmall adapter,\u003cbr\u003ebig convenience\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe ADP4-M-L is built for users who need quick, reliable Micro USB to 8-pin conversion without carrying a separate cable for every device.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eData Transfer Support\u003c\/h3\u003e\n \u003cp\u003eTransfer files, photos, and documents between Micro USB sources and 8-pin devices quickly and reliably — no cloud storage or extra steps needed.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n \u003cp\u003eNo drivers, no software, no setup required. Connect and go — works instantly with compatible 8-pin devices and Micro USB sources out of the box.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eInterface Conversion\u003c\/h3\u003e\n \u003cp\u003eBridges Micro USB cables and accessories to 8-pin devices — giving your existing cables a new lease of life with iPhone, iPad, and iPod compatibility.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔗\u003c\/div\u003e\n \u003ch3\u003eAnti-Loss Lanyard Design\u003c\/h3\u003e\n \u003cp\u003eThe integrated lanyard attachment keeps this tiny adapter tethered to your bag, keyring, or cable pouch — always within reach when you need it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎒\u003c\/div\u003e\n \u003ch3\u003eEasy to Carry\u003c\/h3\u003e\n \u003cp\u003eUltra-compact mini form factor adds virtually no bulk to your everyday carry — perfect for travel kits, laptop bags, and on-the-go use.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eSilver Aluminium Finish\u003c\/h3\u003e\n \u003cp\u003eThe polished silver aluminium alloy shell looks and feels premium — a clean, refined aesthetic that complements any device or accessory setup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP4-M-L\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003eMicro USB (Female)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003e8-Pin (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFunctions\u003c\/td\u003e\n\u003ctd\u003eData Transfer, Interface Conversion\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eTPE + Aluminium Alloy Shell\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eColour\u003c\/td\u003e\n\u003ctd\u003e\u003cdiv class=\"colour-row\"\u003e\n\u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eSilver\u003c\/div\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSetup\u003c\/td\u003e\n\u003ctd\u003ePlug \u0026amp; Play (Driver-Free)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePortability\u003c\/td\u003e\n\u003ctd\u003eAnti-Loss Lanyard Design\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery ADP4-M-L adapter is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003eMicro USB Cable\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003e8-Pin Device\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eiPhone\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eiPad\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eiPod\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eMicro USB Chargers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eMicro USB Cables\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003ePower Banks\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eCar Chargers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB Hubs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eOne tiny adapter,\u003cbr\u003eendless scenarios\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom charging your iPhone with a Micro USB cable to syncing your iPad at a desk — the ADP4-M-L handles it all without any fuss.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📱\u003c\/span\u003e\n \u003ch4\u003eiPhone \u0026amp; iPad\u003c\/h4\u003e\n \u003cp\u003eUse any Micro USB charger or cable to charge and sync your 8-pin iPhone, iPad, or iPod — no need to carry a separate Apple cable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🔋\u003c\/span\u003e\n \u003ch4\u003eMicro USB Chargers\u003c\/h4\u003e\n \u003cp\u003eExtend the life of your existing Micro USB chargers and power banks by making them compatible with all your 8-pin Apple devices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📁\u003c\/span\u003e\n \u003ch4\u003eFile Transfer\u003c\/h4\u003e\n \u003cp\u003eQuickly move photos, videos, and documents between a Micro USB source and 8-pin devices — fast, reliable, no cloud required.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e✈️\u003c\/span\u003e\n \u003ch4\u003eTravel \u0026amp; Everyday Carry\u003c\/h4\u003e\n \u003cp\u003eClip onto your keyring via the lanyard loop and forget it's there — until the moment you need it most on the road.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003eMicro to 8-Pin Mini Adapter · Model ADP4-M-L\u003c\/strong\u003e · Plug \u0026amp; Play · TPE + Aluminium Alloy · Silver · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49340447261017,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/3D5A08EF-5C6E-424A-9E62-92DDE0173A84.png?v=1726831328"},{"product_id":"micro-usb-to-usb-c-mini-adapter-silver-adp4-m-c","title":"Micro USB to USB-C Mini Adapter | Plug \u0026 Play Data Transfer \u0026 Interface Converter | Aluminium Alloy Shell, Anti-Loss Lanyard, Silver | Android \u0026 USB-C Device Compatible | 12-Month Warranty | ADP4-M-C","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eMicro USB to USB-C Mini Adapter | Data Transfer \u0026amp; Interface Converter | Silver | ADP4-M-C\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Micro USB to USB-C mini adapter with plug-and-play data transfer, aluminium alloy shell \u0026amp; anti-loss lanyard in silver. Compatible with Android \u0026amp; USB-C devices. 12-month warranty. Model ADP4-M-C.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 16px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.76rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Build Highlight ── *\/\n .build-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .build-trio {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 650px) {\n .build-trio { grid-template-columns: 1fr; }\n }\n\n .build-card {\n border-radius: var(--radius);\n padding: 32px 24px;\n text-align: center;\n border: 1px solid var(--border);\n background: var(--bg);\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .build-card:hover {\n transform: translateY(-3px);\n border-color: rgba(2,136,209,0.3);\n }\n\n .build-card .build-icon { font-size: 38px; margin-bottom: 16px; display: block; }\n\n .build-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .build-card p {\n font-size: 0.85rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Features Grid ── *\/\n .features-section { background: var(--bg); }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg-card);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .colour-row { display: flex; align-items: center; gap: 10px; }\n .swatch {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: linear-gradient(135deg, #D8DADD, #A8AAAF);\n border: 2px solid rgba(0,0,0,0.12);\n flex-shrink: 0;\n }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '⚡';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eMini Adapter · Model ADP4-M-C\u003c\/div\u003e\n \u003ch1\u003eMicro to \u003cem\u003eUSB‑C\u003c\/em\u003e Mini Adapter\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eA pocket-sized silver adapter that instantly converts your Micro USB devices to USB-C — plug-and-play data transfer, aluminium alloy build, and an anti-loss lanyard so it's always where you need it.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🔌\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eMicro\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto USB-C\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003ePlug \u0026amp; Play\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eNo Drivers\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Shell\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eSilver\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eFinish\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── BUILD HIGHLIGHT ── --\u003e\n\u003csection class=\"build-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eMaterials \u0026amp; Design\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003ePremium build,\u003cbr\u003eminiature form\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eEvery material choice in the ADP4-M-C is deliberate — combining a durable shell, flexible connector protection, and a thoughtful anti-loss feature in one tiny package.\u003c\/p\u003e\n\n \u003cdiv class=\"build-trio\"\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🏗️\u003c\/span\u003e\n \u003ch4\u003eAluminium Alloy Shell\u003c\/h4\u003e\n \u003cp\u003ePrecision-machined aluminium alloy housing delivers a premium silver finish and resists daily wear, corrosion, and accidental drops far better than plastic alternatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🧴\u003c\/span\u003e\n \u003ch4\u003eTPE Flex Protection\u003c\/h4\u003e\n \u003cp\u003eThe thermoplastic elastomer strain relief keeps connector joints protected against bending stress — extending the usable life of the adapter significantly.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"build-card\"\u003e\n \u003cspan class=\"build-icon\"\u003e🔗\u003c\/span\u003e\n \u003ch4\u003eAnti-Loss Lanyard Design\u003c\/h4\u003e\n \u003cp\u003eA built-in lanyard loop lets you attach the adapter to keys, bags, or cable ties — the easiest way to make sure this tiny adapter never goes missing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eSmall adapter,\u003cbr\u003ebig convenience\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe ADP4-M-C is purpose-built for users who need quick, reliable Micro USB to USB-C conversion without carrying extra cables.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eData Transfer Support\u003c\/h3\u003e\n \u003cp\u003eTransfer files, photos, and documents between Micro USB and USB-C devices quickly and reliably — no cloud, no extra steps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n \u003cp\u003eNo software installs or drivers required. Connect and go — works instantly with Windows, macOS, Android, and Linux devices out of the box.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eInterface Conversion\u003c\/h3\u003e\n \u003cp\u003eBridges the gap between legacy Micro USB cables and modern USB-C ports — giving your older devices access to the entire USB-C ecosystem.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔗\u003c\/div\u003e\n \u003ch3\u003eAnti-Loss Lanyard Design\u003c\/h3\u003e\n \u003cp\u003eThe integrated lanyard attachment point means this tiny adapter stays tethered to your bag, keyring, or cable organiser at all times.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎒\u003c\/div\u003e\n \u003ch3\u003eEasy to Carry\u003c\/h3\u003e\n \u003cp\u003eUltra-compact mini form factor adds virtually no bulk to your kit — ideal for travel, EDC pouches, and keeping in a laptop bag at all times.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eSilver Aluminium Finish\u003c\/h3\u003e\n \u003cp\u003eThe polished silver aluminium alloy shell looks premium and pairs cleanly with modern devices — a step above standard plastic adapters.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP4-M-C\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003eMicro USB (Female)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003eUSB-C (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFunctions\u003c\/td\u003e\n\u003ctd\u003eData Transfer, Interface Conversion\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eTPE + Aluminium Alloy Shell\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eColour\u003c\/td\u003e\n\u003ctd\u003e\u003cdiv class=\"colour-row\"\u003e\n\u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eSilver\u003c\/div\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSetup\u003c\/td\u003e\n\u003ctd\u003ePlug \u0026amp; Play (Driver-Free)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePortability\u003c\/td\u003e\n\u003ctd\u003eAnti-Loss Lanyard Design\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery ADP4-M-C adapter is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003eMicro USB Cable\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003eUSB-C Device\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eAndroid Phones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eTablets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB-C Laptops\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003ePower Banks\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB-C Hubs\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eCameras\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eE-Readers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eBluetooth Speakers\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eOne tiny adapter,\u003cbr\u003eendless scenarios\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom charging legacy devices to syncing files on the go — the ADP4-M-C slots seamlessly into your everyday workflow.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📱\u003c\/span\u003e\n \u003ch4\u003eLegacy Android Devices\u003c\/h4\u003e\n \u003cp\u003eUse your Micro USB Android phone or tablet with any USB-C charger, hub, or cable — no need to carry a separate cable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e💻\u003c\/span\u003e\n \u003ch4\u003eUSB-C Laptop Sync\u003c\/h4\u003e\n \u003cp\u003eConnect Micro USB devices directly to USB-C laptops and desktops for instant data transfer without a separate adapter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📁\u003c\/span\u003e\n \u003ch4\u003eFile Transfer\u003c\/h4\u003e\n \u003cp\u003eQuickly move photos, videos, and documents between Micro USB devices and USB-C hosts — fast, reliable, cable-free.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e✈️\u003c\/span\u003e\n \u003ch4\u003eTravel \u0026amp; Everyday Carry\u003c\/h4\u003e\n \u003cp\u003eClip onto your keyring via the lanyard loop and forget it's there — until the moment you need it most.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003eMicro to USB-C Mini Adapter · Model ADP4-M-C\u003c\/strong\u003e · Plug \u0026amp; Play · TPE + Aluminium Alloy · Silver · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49340467708249,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/D2F28E25-C978-4C08-A036-A0281C5A9906.png?v=1726831542"},{"product_id":"usb-c-to-3-5mm-silicone-adapter-call-listen-control","title":"USB-C to 3.5mm Silicone Adapter | Call, Listen \u0026 Control | Android, Tablet \u0026 Laptop Audio Jack Adapter | Soft Silicone, Ultra-Compact 0.12m, Headphone Compatible | 12-Month Warranty | Model ADP10-C-W","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eUSB-C to 3.5mm Silicone Adapter | Call, Listen \u0026amp; Control | Android \u0026amp; USB-C Devices | ADP10-C-W\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"USB-C to 3.5mm silicone audio adapter, 0.12m. Supports calls, listening \u0026amp; audio control. Soft silicone build, compatible with Android phones, tablets \u0026amp; USB-C laptops. 12-month warranty. Model ADP10-C-W.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --accent-bt: #6C63FF;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(108,99,255,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(108,99,255,0.12);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(108,99,255,0.06);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 16px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.76rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Function Trio Banner ── *\/\n .func-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .func-trio {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 650px) {\n .func-trio { grid-template-columns: 1fr; }\n }\n\n .func-card {\n border-radius: var(--radius);\n padding: 32px 24px;\n text-align: center;\n border: 1px solid rgba(108,99,255,0.15);\n background: linear-gradient(160deg, rgba(108,99,255,0.05), rgba(108,99,255,0.02));\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .func-card:hover {\n transform: translateY(-3px);\n border-color: rgba(108,99,255,0.3);\n }\n\n .func-card .func-icon { font-size: 40px; margin-bottom: 16px; display: block; }\n\n .func-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.05rem;\n font-weight: 800;\n margin-bottom: 8px;\n color: var(--text-primary);\n }\n\n .func-card .func-tag {\n display: inline-block;\n background: rgba(108,99,255,0.1);\n border: 1px solid rgba(108,99,255,0.2);\n color: var(--accent-bt);\n font-family: 'Syne', sans-serif;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 3px 10px;\n border-radius: 100px;\n margin-bottom: 12px;\n }\n\n .func-card p {\n font-size: 0.86rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Features Grid ── *\/\n .features-section { background: var(--bg); }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg-card);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td { padding: 14px 0; font-size: 0.9rem; }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-bt));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '🎵';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(108,99,255,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eAudio Adapter · Model ADP10-C-W\u003c\/div\u003e\n \u003ch1\u003eUSB‑C to 3.5mm \u003cem\u003eSilicone\u003c\/em\u003e Adapter\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eA compact 0.12m silicone adapter that bridges your USB-C device to any 3.5mm audio output — with full support for calls, listening, and audio control right out of the box.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🎙️\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eUSB-C\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto 3.5mm\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e0.12m\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eSilicone\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eMaterial\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e3-in-1\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCall · Listen · Control\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── FUNCTION TRIO ── --\u003e\n\u003csection class=\"func-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eAudio Functions\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eCall, listen \u0026amp; control —\u003cbr\u003eall in one adapter\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe ADP10-C-W is more than a passive connector — it supports a full suite of audio functions for Android phones, USB-C tablets, and laptops.\u003c\/p\u003e\n\n \u003cdiv class=\"func-trio\"\u003e\n \u003cdiv class=\"func-card\"\u003e\n \u003cspan class=\"func-icon\"\u003e📞\u003c\/span\u003e\n \u003cdiv class=\"func-tag\"\u003eFunction\u003c\/div\u003e\n \u003ch4\u003eCall\u003c\/h4\u003e\n \u003cp\u003eMake and receive hands-free calls through your connected 3.5mm headset — clear audio in and out without putting your phone to your ear.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"func-card\"\u003e\n \u003cspan class=\"func-icon\"\u003e🎵\u003c\/span\u003e\n \u003cdiv class=\"func-tag\"\u003eFunction\u003c\/div\u003e\n \u003ch4\u003eListen\u003c\/h4\u003e\n \u003cp\u003eStream music, podcasts, videos, and audio content through any 3.5mm headphones or speaker with reliable analogue signal quality.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"func-card\"\u003e\n \u003cspan class=\"func-icon\"\u003e🎛️\u003c\/span\u003e\n \u003cdiv class=\"func-tag\"\u003eFunction\u003c\/div\u003e\n \u003ch4\u003eControl\u003c\/h4\u003e\n \u003cp\u003eAdjust volume, skip tracks, and manage playback directly from your connected 3.5mm headset — full audio control without unlocking your device.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eSoft, smart \u0026amp;\u003cbr\u003eultra-compact\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eDesigned for daily carry — the ADP10-C-W pairs a flexible silicone body with reliable audio functionality in a form factor that disappears into any pocket or bag.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🧴\u003c\/div\u003e\n \u003ch3\u003eFlexible Silicone Body\u003c\/h3\u003e\n \u003cp\u003eThe soft silicone construction is gentle on connectors, highly flexible, and resistant to kinking — built to handle thousands of plug and unplug cycles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3\u003eUltra-Compact 0.12m Length\u003c\/h3\u003e\n \u003cp\u003eAt just 12 centimetres, the adapter sits flush against your device without dangling — ideal for use with cases, in pockets, and on the move.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003eUSB-C to 3.5mm Interface\u003c\/h3\u003e\n \u003cp\u003eConnects USB-C devices to the universal 3.5mm audio ecosystem — headphones, earphones, speakers, car stereos, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📞\u003c\/div\u003e\n \u003ch3\u003eHands-Free Calling\u003c\/h3\u003e\n \u003cp\u003eAnswer, end, and manage calls through your connected 3.5mm headset — fully hands-free without removing your phone from your pocket.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎚️\u003c\/div\u003e\n \u003ch3\u003ePlayback \u0026amp; Volume Control\u003c\/h3\u003e\n \u003cp\u003eFull audio control support means you can adjust volume, skip tracks, and manage playback directly from your paired 3.5mm headset controls.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n \u003ch3\u003eBroad USB-C Compatibility\u003c\/h3\u003e\n \u003cp\u003eWorks with any USB-C Android smartphone, tablet, or laptop that supports analogue audio output via USB-C — no drivers or setup required.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP10-C-W\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003eUSB-C (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003e3.5mm Audio Jack (Female)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eLength\u003c\/td\u003e\n\u003ctd\u003e0.12m (12cm)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eSilicone\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFunctions\u003c\/td\u003e\n\u003ctd\u003eCall, Listen \u0026amp; Control\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery ADP10-C-W adapter is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003eUSB-C Device\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003e3.5mm Audio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices \u0026amp; accessories include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eAndroid Phones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB-C Tablets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eLaptops\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003e3.5mm Earphones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eWired Headsets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eSpeakers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eCar Stereos\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHi-Fi Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eYour everyday\u003cbr\u003eaudio companion\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom commutes to conference calls — the ADP10-C-W adapts to every moment without getting in the way.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📞\u003c\/span\u003e\n \u003ch4\u003eHands-Free Calls\u003c\/h4\u003e\n \u003cp\u003eManage calls through your 3.5mm headset — answer, end, and control without touching your Android phone or tablet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎧\u003c\/span\u003e\n \u003ch4\u003eWired Earphones\u003c\/h4\u003e\n \u003cp\u003eUse your favourite 3.5mm earphones with any USB-C device — low latency, high-quality audio with no wireless dropouts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🚶\u003c\/span\u003e\n \u003ch4\u003eOn-the-Go Listening\u003c\/h4\u003e\n \u003cp\u003eUltra-compact at 0.12m — barely extends beyond your phone, making it ideal for gym sessions, commuting, and travel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎛️\u003c\/span\u003e\n \u003ch4\u003ePlayback Control\u003c\/h4\u003e\n \u003cp\u003eSkip tracks, adjust volume, and manage audio directly from your headset controls — full command without unlocking your device.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003eUSB-C to 3.5mm Silicone Adapter · Model ADP10-C-W\u003c\/strong\u003e · 0.12m · Silicone · Call, Listen \u0026amp; Control · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49340877046105,"sku":"","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/BEE23D1B-CF7A-4973-9BA9-6CD75341D41B.jpg?v=1726833451"},{"product_id":"8-pin-to-3-5mm-silicone-adapter-bluetooth-iphone-ipad","title":"8-Pin to 3.5mm Silicone Audio Adapter | Bluetooth Call, Listen \u0026 Control | iPhone \u0026 iPad Headphone Jack Adapter | Soft Silicone, Ultra-Compact 0.12m | 12-Month Warranty | Model ADP10-L-W","description":"Product Specifications:\n\nProduct Name: 8-Pin To 3.5mm Silicone Adapter\nProduct Code: ADP10-L-W\nMaterial: Silicone\nAdapter: 8-Pin to 3.5mm Audio Jack\nLenght: 0.12m\nFunction Via Bluetooth Pairing: Call, Listen \u0026amp; Control\n\nWarranty Length: 12 Months","brand":"snapcases.co.uk","offers":[{"title":"Black","offer_id":49340953133401,"sku":"","price":9.99,"currency_code":"GBP","in_stock":true},{"title":"White","offer_id":49340922593625,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/00F15662-05BD-45FB-B3F8-125FC4A2E7E5.jpg?v=1726834305"},{"product_id":"usb-c-to-3-5mm-nylon-audio-cable-1m-black","title":"USB-C to 3.5mm Nylon Audio Cable 1M | Braided Aux Cable for Android, Laptops \u0026 Tablets | Aluminium Alloy Connectors, Tangle-Free, Car Stereo Compatible, Black","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eUSB-C to 3.5mm Audio Cable 1M | Nylon Braided Aux Cable for Android \u0026amp; Laptops | AX19-CJ\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"USB-C to 3.5mm nylon braided audio cable, 1 metre, aluminium alloy connectors in black. Compatible with Android phones, tablets \u0026amp; USB-C laptops. 12-month warranty. Model AX19-CJ.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 130px;\n padding: 24px 20px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.78rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Material Highlight ── *\/\n .material-banner {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 650px) {\n .material-banner { grid-template-columns: 1fr; }\n }\n\n .mat-card {\n border-radius: var(--radius);\n padding: 28px 24px;\n text-align: center;\n border: 1px solid var(--border);\n background: var(--bg-card);\n transition: transform 0.2s, border-color 0.2s;\n }\n\n .mat-card:hover {\n transform: translateY(-3px);\n border-color: rgba(2,136,209,0.3);\n }\n\n .mat-card .mat-icon { font-size: 36px; margin-bottom: 14px; display: block; }\n\n .mat-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .mat-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Features Grid ── *\/\n .features-section { background: var(--bg); }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg-card);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td {\n padding: 14px 0;\n font-size: 0.9rem;\n }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child { color: var(--text-primary); font-weight: 400; }\n\n \/* Colour swatch *\/\n .colour-row { display: flex; align-items: center; gap: 10px; }\n .swatch {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: #1A1A1A;\n border: 2px solid rgba(0,0,0,0.15);\n flex-shrink: 0;\n }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '🎵';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eAudio Cable · Model AX19-CJ\u003c\/div\u003e\n \u003ch1\u003eUSB‑C Silicone \u003cem\u003eNylon\u003c\/em\u003e Audio Cable\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eA 1-metre nylon-braided USB-C to 3.5mm aux cable with precision aluminium alloy connectors — delivering clear, tangle-free analogue audio in sleek matte black.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🎧\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e1 Metre\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eUSB-C\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto 3.5mm\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eNylon\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eBraided Wire\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Connectors\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eBlack\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eColour\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── MATERIAL HIGHLIGHT ── --\u003e\n\u003csection style=\"background: var(--bg-card); border-bottom: 1px solid var(--border);\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eMaterials \u0026amp; Construction\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eEngineered to last,\u003cbr\u003edesigned to impress\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eEvery detail of the AX19-CJ is chosen for durability and performance — from the braided outer jacket to the precision-machined connectors.\u003c\/p\u003e\n\n \u003cdiv class=\"material-banner\"\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🧵\u003c\/span\u003e\n \u003ch4\u003eNylon Braided Jacket\u003c\/h4\u003e\n \u003cp\u003eThe nylon braid provides outstanding tangle resistance, abrasion protection, and a premium tactile feel that outlasts standard PVC cables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🏗️\u003c\/span\u003e\n \u003ch4\u003eAluminium Alloy Connectors\u003c\/h4\u003e\n \u003cp\u003ePrecision-machined aluminium alloy connector housings deliver a secure, wobble-free fit and resist corrosion over thousands of plug cycles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cspan class=\"mat-icon\"\u003e🖤\u003c\/span\u003e\n \u003ch4\u003eMatte Black Finish\u003c\/h4\u003e\n \u003cp\u003eThe all-black colourway pairs seamlessly with modern devices — a clean, understated aesthetic that suits any setup or style.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eAudio clarity,\u003cbr\u003ebuilt tough\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eThe AX19-CJ is built for daily use — delivering reliable analogue audio output from any USB-C device to any 3.5mm input.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎵\u003c\/div\u003e\n \u003ch3\u003eClear Analogue Audio\u003c\/h3\u003e\n \u003cp\u003eDelivers a clean, high-fidelity analogue audio signal from your USB-C device to any 3.5mm speaker, car stereo, or headphone — no quality loss.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3\u003e1 Metre Length\u003c\/h3\u003e\n \u003cp\u003eAt exactly 1 metre, the cable offers the ideal balance of reach and tidiness — perfect for car use, desk setups, and everyday carry.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003eUSB-C to 3.5mm Interface\u003c\/h3\u003e\n \u003cp\u003eConnects USB-C devices to the universal 3.5mm aux ecosystem — speakers, amplifiers, car stereos, headphones, and hi-fi systems.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌀\u003c\/div\u003e\n \u003ch3\u003eTangle-Resistant Nylon Braid\u003c\/h3\u003e\n \u003cp\u003eThe nylon outer jacket keeps the cable flexible and tangle-free even after repeated coiling and uncoiling — ideal for bags and pockets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🚗\u003c\/div\u003e\n \u003ch3\u003eCar Stereo Compatible\u003c\/h3\u003e\n \u003cp\u003ePlug into your vehicle's aux input to stream music, navigation audio, or podcasts directly from your USB-C Android phone or tablet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n \u003ch3\u003eBroad USB-C Compatibility\u003c\/h3\u003e\n \u003cp\u003eWorks with any USB-C device that supports analogue audio output — Android smartphones, tablets, laptops, and USB-C audio adapters.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eAX19-CJ\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003eUSB-C (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003e3.5mm Aux Jack (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Length\u003c\/td\u003e\n\u003ctd\u003e1 Metre\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Material\u003c\/td\u003e\n\u003ctd\u003eNylon Braid\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector Material\u003c\/td\u003e\n\u003ctd\u003eAluminium Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eAudio Signal\u003c\/td\u003e\n\u003ctd\u003eAnalogue Stereo\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eColour\u003c\/td\u003e\n\u003ctd\u003e\u003cdiv class=\"colour-row\"\u003e\n\u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eBlack\u003c\/div\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery AX19-CJ cable is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003eUSB-C Device\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003e3.5mm Output\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices \u0026amp; outputs include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eAndroid Phones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB-C Tablets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eLaptops\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eCar Stereos\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eSpeakers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHeadphones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eAmplifiers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHi-Fi Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003ePlug in, tune out\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom daily commutes to home listening — the AX19-CJ keeps your audio flowing wherever life takes you.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🚗\u003c\/span\u003e\n \u003ch4\u003eIn-Car Audio\u003c\/h4\u003e\n \u003cp\u003eConnect your Android phone or USB-C tablet to your car's aux input for hands-free music and navigation on the road.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎧\u003c\/span\u003e\n \u003ch4\u003eWired Headphones\u003c\/h4\u003e\n \u003cp\u003eEnjoy low-latency, high-quality audio through your favourite 3.5mm wired headphones — no Bluetooth dropouts, no lag.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🔊\u003c\/span\u003e\n \u003ch4\u003ePortable Speakers\u003c\/h4\u003e\n \u003cp\u003eStream audio to any 3.5mm-equipped portable or desktop speaker without relying on wireless connectivity.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎸\u003c\/span\u003e\n \u003ch4\u003eHi-Fi \u0026amp; Studio Gear\u003c\/h4\u003e\n \u003cp\u003eConnect to home stereo amplifiers, mixers, or recording interfaces for reliable analogue audio output from any USB-C source.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003eUSB-C Silicone Nylon Audio Cable · Model AX19-CJ\u003c\/strong\u003e · 1 Metre · Nylon Braid · Aluminium Alloy · Black · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49341027418457,"sku":"","price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/E84EEC59-9849-4257-B625-26445788B017.png?v=1726834949"},{"product_id":"8-pin-to-usb-c-connector-charging-data-transfer","title":"8-Pin to USB-C Connector Adapter | Fast Charging \u0026 Data Transfer for iPhone \u0026 iPad | Aluminium Alloy, Compact Design, USB-C Charger \u0026 Laptop Compatible","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"8-Pin to USB-C connector adapter supporting fast charging and data transfer. Aluminium alloy build, compatible with iPhone \u0026amp; iPad. 12-month warranty. Model TG-CNTR01.\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 140px;\n padding: 24px 20px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.78rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Features Grid ── *\/\n .features-section { background: var(--bg); }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg-card);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td {\n padding: 14px 0;\n font-size: 0.9rem;\n }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child {\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '⚡';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Dual Function Banner ── *\/\n .dual-banner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-top: 48px;\n }\n\n @media (max-width: 600px) {\n .dual-banner { grid-template-columns: 1fr; }\n }\n\n .dual-card {\n border-radius: var(--radius);\n padding: 32px 28px;\n display: flex;\n align-items: flex-start;\n gap: 18px;\n }\n\n .dual-card.charge {\n background: linear-gradient(135deg, rgba(2,136,209,0.07), rgba(2,136,209,0.03));\n border: 1px solid rgba(2,136,209,0.18);\n }\n\n .dual-card.data {\n background: linear-gradient(135deg, rgba(245,124,0,0.07), rgba(245,124,0,0.03));\n border: 1px solid rgba(245,124,0,0.18);\n }\n\n .dual-card-icon {\n font-size: 32px;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .dual-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .dual-card p {\n font-size: 0.86rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\u003c!-- ── HERO ── --\u003e\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"badge\"\u003eConnector Adapter · Model TG-CNTR01\u003c\/div\u003e\n\u003ch1\u003e8‑Pin to \u003cem\u003eUSB‑C\u003c\/em\u003e Connector\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eA compact aluminium alloy connector that bridges your 8-pin device to the USB-C world — supporting both fast charging and reliable data transmission in one sleek adapter.\u003c\/p\u003e\n\u003cdiv class=\"product-visual\"\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-icon\"\u003e🔗\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e8-Pin\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto USB-C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eCharging\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eSupported\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eData\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eTransmission\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Build\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eCharge and sync,\u003cbr\u003eall in one\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eThe TG-CNTR01 is engineered for users who need a dependable 8-pin to USB-C connection — whether for powering up or transferring files.\u003c\/p\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eCharging Support\u003c\/h3\u003e\n\u003cp\u003eConnect your 8-pin device to any USB-C charger or power source to keep your iPhone or iPad topped up without hunting for a legacy cable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003eData Transmission\u003c\/h3\u003e\n\u003cp\u003eSync files, photos, and backups between your 8-pin device and USB-C computers or storage devices quickly and reliably.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🏗️\u003c\/div\u003e\n\u003ch3\u003eAluminium Alloy Construction\u003c\/h3\u003e\n\u003cp\u003ePrecision-machined aluminium alloy shell provides a premium feel and long-lasting durability — resistant to everyday knocks and wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n\u003ch3\u003e8-Pin to USB-C Interface\u003c\/h3\u003e\n\u003cp\u003eSeamlessly adapts the 8-pin connector to USB-C, giving your device full access to the modern USB-C ecosystem of chargers, hubs, and accessories.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003eUltra-Compact Design\u003c\/h3\u003e\n\u003cp\u003eMinimal footprint makes this connector easy to carry in a pocket, bag, or travel pouch — always ready when you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n\u003ch3\u003eBroad USB-C Compatibility\u003c\/h3\u003e\n\u003cp\u003eWorks with USB-C laptops, chargers, hubs, docking stations, and power banks — one connector for your entire USB-C setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Dual function highlight --\u003e\n\u003cdiv class=\"dual-banner\"\u003e\n\u003cdiv class=\"dual-card charge\"\u003e\n\u003cdiv class=\"dual-card-icon\"\u003e🔋\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eFast Charging Ready\u003c\/h4\u003e\n\u003cp\u003ePlug into any USB-C charger and deliver power to your 8-pin device without needing a dedicated legacy cable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dual-card data\"\u003e\n\u003cdiv class=\"dual-card-icon\"\u003e💾\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eReliable Data Sync\u003c\/h4\u003e\n\u003cp\u003eTransfer files, back up your device, or restore from a USB-C host — all through the same compact connector.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\u003cdiv class=\"specs-layout\"\u003e\n\u003cdiv\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eTG-CNTR01\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003e8-Pin (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003eUSB-C (Female)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFunctions\u003c\/td\u003e\n\u003ctd\u003eCharging \u0026amp; Data Transmission\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eAluminium Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eForm Factor\u003c\/td\u003e\n\u003ctd\u003eCompact Connector Adapter\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"warranty-bar\"\u003e\n\u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"warranty-text\"\u003e\n\u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n\u003cp\u003eEvery TG-CNTR01 connector is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"specs-visual\"\u003e\n\u003cdiv style=\"margin-bottom: 8px;\" class=\"section-label\"\u003eConnection Diagram\u003c\/div\u003e\n\u003cdiv class=\"connector-diagram\"\u003e\n\u003cdiv class=\"connector-box\"\u003e8-Pin Device\u003c\/div\u003e\n\u003cdiv class=\"connector-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"connector-box\"\u003eUSB-C Port\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 0.82rem; color: var(--text-muted); margin-bottom: 20px;\"\u003eCompatible devices \u0026amp; accessories include:\u003c\/p\u003e\n\u003cdiv class=\"compat-chips\"\u003e\n\u003cspan class=\"chip\"\u003eiPhone\u003c\/span\u003e \u003cspan class=\"chip\"\u003eiPad\u003c\/span\u003e \u003cspan class=\"chip\"\u003eiPod\u003c\/span\u003e \u003cspan class=\"chip\"\u003eUSB-C Laptops\u003c\/span\u003e \u003cspan class=\"chip\"\u003eUSB-C Chargers\u003c\/span\u003e \u003cspan class=\"chip\"\u003ePower Banks\u003c\/span\u003e \u003cspan class=\"chip\"\u003eUSB-C Hubs\u003c\/span\u003e \u003cspan class=\"chip\"\u003eDocking Stations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eOne connector,\u003cbr\u003eendless possibilities\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eFrom charging on the go to syncing at your desk — the TG-CNTR01 keeps your 8-pin devices fully integrated with the modern USB-C world.\u003c\/p\u003e\n\u003cdiv class=\"usecases-grid\"\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e🔋\u003c\/span\u003e\n\u003ch4\u003eUSB-C Charger\u003c\/h4\u003e\n\u003cp\u003eUse any USB-C wall charger or power bank to charge your iPhone or iPad — no legacy cable required.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e💻\u003c\/span\u003e\n\u003ch4\u003eLaptop Sync\u003c\/h4\u003e\n\u003cp\u003eConnect your 8-pin device directly to a USB-C laptop port to sync, back up, or restore with ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e🖥️\u003c\/span\u003e\n\u003ch4\u003eDocking Stations\u003c\/h4\u003e\n\u003cp\u003ePlug into USB-C docking stations or hubs at your desk for a seamless single-cable workstation setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e✈️\u003c\/span\u003e\n\u003ch4\u003eTravel Companion\u003c\/h4\u003e\n\u003cp\u003eCompact enough for any travel kit — one small adapter means you can leave your legacy 8-pin cables at home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── FOOTER ── --\u003e\u003cfooter class=\"footer\"\u003e\n\u003cp\u003e\u003cstrong\u003e8-Pin to USB-C Connector · Model TG-CNTR01\u003c\/strong\u003e · Charging \u0026amp; Data Transmission · Aluminium Alloy · 12-Month Warranty\u003c\/p\u003e\n\u003cp style=\"margin-top: 8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49341342056793,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/D3CF224E-978F-4B13-8072-7761728843D7.png?v=1726836717"},{"product_id":"8-pin-to-3-5mm-aux-cable-1m-iphone-ipad-audio-jack","title":"8-Pin to 3.5mm Aux Cable 1M | High-Quality Audio Jack Cable for iPhone \u0026 iPad | Thermoplastic Rubber, Car Stereo Compatible, Wired Headphone \u0026 Speaker Aux Lead | 12-Month Warranty","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003e8-Pin to 3.5mm Aux Cable | 1M Audio Jack Cable for iPhone \u0026amp; iPad | Model AX06L1M\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"8-Pin to 3.5mm aux cable, 1 metre, thermoplastic rubber build. Connect iPhone \u0026amp; iPad to car stereos, speakers \u0026amp; headphones. 12-month warranty. Model AX06L1M.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 140px;\n padding: 24px 20px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.78rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Features Grid ── *\/\n .features-section { background: var(--bg); }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg-card);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td {\n padding: 14px 0;\n font-size: 0.9rem;\n }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child {\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n white-space: nowrap;\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '🎵';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eAux Cable · Model AX06L1M\u003c\/div\u003e\n \u003ch1\u003e8‑Pin to 3.5mm \u003cem\u003eAux\u003c\/em\u003e Cable\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eCrystal-clear analogue audio in a 1-metre thermoplastic rubber cable — connect your iPhone or iPad to any 3.5mm speaker, car stereo, or headphone jack.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🎧\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e1 Metre\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e8-Pin\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eto 3.5mm\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eTPR\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eDurable Build\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAux\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAudio Output\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003ePure audio, zero\u003cbr\u003ecompromise\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eDesigned to deliver reliable analogue audio from your 8-pin device to any 3.5mm-equipped output — simple, durable, and tangle-resistant.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎵\u003c\/div\u003e\n \u003ch3\u003eClear Analogue Audio Output\u003c\/h3\u003e\n \u003cp\u003eDelivers a clean, reliable analogue audio signal from your 8-pin device to any 3.5mm speaker, headphone, or car stereo with no quality loss.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3\u003e1 Metre Length\u003c\/h3\u003e\n \u003cp\u003eAt 1 metre, the cable offers just the right amount of reach — long enough for comfortable use in a car or at a desk, short enough to stay tidy.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003e8-Pin to 3.5mm Connector\u003c\/h3\u003e\n \u003cp\u003eFeatures a standard 8-pin plug on one end and a universal 3.5mm aux jack on the other, compatible with a wide range of audio devices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eThermoplastic Rubber Build\u003c\/h3\u003e\n \u003cp\u003eThe TPR jacket is flexible, tangle-resistant, and built to withstand daily use — far more durable than standard PVC cable coatings.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🚗\u003c\/div\u003e\n \u003ch3\u003eCar Stereo Ready\u003c\/h3\u003e\n \u003cp\u003eIdeal for in-car use — plug into your vehicle's aux input and stream music, podcasts, or navigation audio directly from your device.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n \u003ch3\u003eUniversal 3.5mm Compatibility\u003c\/h3\u003e\n \u003cp\u003eWorks with any device or accessory featuring a standard 3.5mm aux input — speakers, amplifiers, headphones, stereo receivers, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eAX06L1M\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector A\u003c\/td\u003e\n\u003ctd\u003e8-Pin (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector B\u003c\/td\u003e\n\u003ctd\u003e3.5mm Aux Jack (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Length\u003c\/td\u003e\n\u003ctd\u003e1 Metre\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eThermoplastic Rubber (TPR)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eAudio Signal\u003c\/td\u003e\n\u003ctd\u003eAnalogue Stereo\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery AX06L1M cable is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003e8-Pin Device\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003e3.5mm Output\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices \u0026amp; outputs include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eiPhone\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eiPad\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eiPod\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eCar Stereos\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eSpeakers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHeadphones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eAmplifiers\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eHi-Fi Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003ePlug in, play on\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom car journeys to home listening sessions — the AX06L1M keeps your audio flowing wherever you go.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🚗\u003c\/span\u003e\n \u003ch4\u003eIn-Car Audio\u003c\/h4\u003e\n \u003cp\u003eConnect your iPhone or iPad to your car's aux input for hands-free music and podcast playback on the road.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🔊\u003c\/span\u003e\n \u003ch4\u003ePortable Speakers\u003c\/h4\u003e\n \u003cp\u003eStream audio to any 3.5mm-equipped portable or desktop speaker without relying on Bluetooth or Wi-Fi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎧\u003c\/span\u003e\n \u003ch4\u003eWired Headphones\u003c\/h4\u003e\n \u003cp\u003eUse your favourite 3.5mm wired headphones with your 8-pin device for low-latency, high-quality listening.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e🎸\u003c\/span\u003e\n \u003ch4\u003eHi-Fi \u0026amp; Amplifiers\u003c\/h4\u003e\n \u003cp\u003eConnect to home stereo systems, amplifiers, or recording equipment for reliable analogue audio output.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003e8-Pin to 3.5mm Aux Cable · Model AX06L1M\u003c\/strong\u003e · 1 Metre · Thermoplastic Rubber · 12-Month Warranty\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Black","offer_id":49341669736793,"sku":null,"price":14.99,"currency_code":"GBP","in_stock":true},{"title":"White","offer_id":49341707649369,"sku":"","price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/8FD9C743-7C89-4BF4-8A17-678F6BABDB20.png?v=1726838414"},{"product_id":"usb-a-to-8-pin-otg-adapter-data-transfer-plug-and-play","title":"USB-A to 8-Pin OTG Adapter | High-Speed Data Transfer, Plug \u0026 Play Interface Converter | Aluminium Alloy Shell, Anti-Loss Lanyard, Compatible with iPhone, iPad \u0026 8-Pin Devices | Model OTG1-A-L","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"USB-A to 8-Pin OTG adapter with plug-and-play data transfer, aluminium alloy shell \u0026amp; anti-loss lanyard. Compatible with iPhone, iPad \u0026amp; 8-pin devices. Model OTG1-A-L.\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 140px;\n padding: 24px 20px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.78rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section { padding: 72px 24px; }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Features Grid ── *\/\n .features-section { background: var(--bg); }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg-card);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td {\n padding: 14px 0;\n font-size: 0.9rem;\n }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child {\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n font-size: 0.82rem;\n color: var(--text-secondary);\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '⚡';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: #ffffff;\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\u003c!-- ── HERO ── --\u003e\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"badge\"\u003eOTG Adapter · Model OTG1-A-L\u003c\/div\u003e\n\u003ch1\u003eUSB‑A to 8‑Pin \u003cem\u003eOTG\u003c\/em\u003e Adapter\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003ePlug-and-play interface conversion with aluminium alloy build, high-speed data transfer, and anti-loss lanyard — connecting your 8-pin devices to any USB-A host, wherever you are.\u003c\/p\u003e\n\u003cdiv class=\"product-visual\"\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-icon\"\u003e🔌\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eOTG\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eFunction Ready\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003ePlug \u0026amp; Play\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eNo Drivers Needed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Shell\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e8-Pin\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eInterface\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eTPE\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eDurable Build\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eEverything you need,\u003cbr\u003enothing you don't\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eEngineered for seamless compatibility between USB-A hosts and 8-pin devices — compact enough to keep on your keychain.\u003c\/p\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eHigh-Speed Data Transfer\u003c\/h3\u003e\n\u003cp\u003eMove files between USB-A hosts and 8-pin devices quickly and reliably. Supports fast sync for photos, videos, documents and more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003eOTG Function Support\u003c\/h3\u003e\n\u003cp\u003eOn-The-Go capability lets your 8-pin device connect directly to USB-A peripherals — keyboards, flash drives, card readers, and more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n\u003ch3\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n\u003cp\u003eNo software, no drivers, no setup required. Simply connect and go. Works seamlessly with compatible 8-pin devices out of the box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔗\u003c\/div\u003e\n\u003ch3\u003eAnti-Loss Lanyard Design\u003c\/h3\u003e\n\u003cp\u003eBuilt-in lanyard attachment point keeps the adapter tethered to your bag, keys, or case — because the best adapter is one you can always find.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAluminium Alloy Shell\u003c\/h3\u003e\n\u003cp\u003ePremium aluminium alloy housing with TPE cable protection delivers durability against everyday wear and tear with a sleek, refined finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n\u003ch3\u003eMulti-Functional Interface Conversion\u003c\/h3\u003e\n\u003cp\u003eBridges the gap between legacy USB-A ports and 8-pin devices — laptops, hubs, chargers, power banks, and accessories.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\u003cdiv class=\"specs-layout\"\u003e\n\u003cdiv\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eOTG1-A-L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInterface\u003c\/td\u003e\n\u003ctd\u003eUSB-A (Female) to 8-Pin (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFunction\u003c\/td\u003e\n\u003ctd\u003eOTG, Data Transfer, Interface Conversion\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eTPE + Aluminium Alloy Shell\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSetup\u003c\/td\u003e\n\u003ctd\u003ePlug \u0026amp; Play (Driver-Free)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePortability\u003c\/td\u003e\n\u003ctd\u003eAnti-Loss Lanyard Design\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"specs-visual\"\u003e\n\u003cdiv style=\"margin-bottom: 8px;\" class=\"section-label\"\u003eConnection Diagram\u003c\/div\u003e\n\u003cdiv class=\"connector-diagram\"\u003e\n\u003cdiv class=\"connector-box\"\u003eUSB-A Host\u003c\/div\u003e\n\u003cdiv class=\"connector-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"connector-box\"\u003e8-Pin Device\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 0.82rem; color: var(--text-muted); margin-bottom: 20px;\"\u003eCompatible devices include:\u003c\/p\u003e\n\u003cdiv class=\"compat-chips\"\u003e\n\u003cspan class=\"chip\"\u003eiPhone\u003c\/span\u003e \u003cspan class=\"chip\"\u003eiPad\u003c\/span\u003e \u003cspan class=\"chip\"\u003eiPod\u003c\/span\u003e \u003cspan class=\"chip\"\u003eUSB-A Hubs\u003c\/span\u003e \u003cspan class=\"chip\"\u003eFlash Drives\u003c\/span\u003e \u003cspan class=\"chip\"\u003eCard Readers\u003c\/span\u003e \u003cspan class=\"chip\"\u003eKeyboards\u003c\/span\u003e \u003cspan class=\"chip\"\u003eCameras\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eYour adapter for every scenario\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eFrom the office desk to the airport lounge — the OTG1-A-L keeps you connected wherever your devices take you.\u003c\/p\u003e\n\u003cdiv class=\"usecases-grid\"\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e📱\u003c\/span\u003e\n\u003ch4\u003eiPhone \u0026amp; iPad OTG\u003c\/h4\u003e\n\u003cp\u003eConnect USB-A keyboards, flash drives, or card readers directly to your 8-pin iPhone or iPad via OTG.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e💻\u003c\/span\u003e\n\u003ch4\u003eLaptop \u0026amp; Desktop\u003c\/h4\u003e\n\u003cp\u003eConnect 8-pin devices to USB-A ports on laptops and desktops without needing a separate hub or dongle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e📁\u003c\/span\u003e\n\u003ch4\u003eFile Transfer\u003c\/h4\u003e\n\u003cp\u003eQuickly move photos, videos, and documents between USB-A storage and 8-pin devices — no cloud required.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cspan class=\"uc-icon\"\u003e✈️\u003c\/span\u003e\n\u003ch4\u003eTravel \u0026amp; On-the-Go\u003c\/h4\u003e\n\u003cp\u003eLightweight and compact with lanyard attachment — always within reach when you're away from your desk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ── FOOTER ── --\u003e\u003cfooter class=\"footer\"\u003e\n\u003cp\u003e\u003cstrong\u003eUSB-A to 8-Pin OTG Adapter · Model OTG1-A-L\u003c\/strong\u003e · Plug \u0026amp; Play · Aluminium Alloy Shell · TPE\u003c\/p\u003e\n\u003cp style=\"margin-top: 8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49341751001433,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/IMG-9574.png?v=1726838968"},{"product_id":"usb-a-to-usb-c-otg-adapter-data-transfer-plug-and-play","title":"USB-A to USB-C OTG Adapter | High-Speed Data Transfer, Plug \u0026 Play Interface Converter | Aluminium Alloy Shell, Anti-Loss Lanyard, Multi-Device Compatible – Android, Tablet, Laptop | Model OTG1-A-C","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eUSB-A to USB-C OTG Adapter | High-Speed Data Transfer \u0026amp; OTG Conversion\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"USB-A to USB-C OTG adapter with plug-and-play data transfer, aluminium alloy build, anti-loss lanyard, and 12-month warranty. Compatible with Android, tablets \u0026amp; laptops.\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800\u0026amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --silver: #8C9099;\n --silver-light: #E8EAED;\n --silver-dark: #5C636F;\n --bg: #ffffff;\n --bg-card: #F7F8FA;\n --bg-elevated: #EDEEF1;\n --accent: #0288D1;\n --accent-warm: #F57C00;\n --text-primary: #111318;\n --text-secondary: #4A5261;\n --text-muted: #8C94A3;\n --border: rgba(0,0,0,0.08);\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text-primary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ── Hero ── *\/\n .hero {\n position: relative;\n overflow: hidden;\n padding: 72px 24px 64px;\n text-align: center;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(2,136,209,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 40% at 80% 80%, rgba(245,124,0,0.05) 0%, transparent 60%),\n var(--bg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 0deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n ), repeating-linear-gradient(\n 90deg, transparent, transparent 39px, rgba(0,0,0,0.03) 40px\n );\n pointer-events: none;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.25);\n color: var(--accent);\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n\n .badge::before { content: '●'; font-size: 8px; }\n\n .hero h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n max-width: 820px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #111318 30%, #4A5261 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero h1 em {\n font-style: normal;\n -webkit-text-fill-color: var(--accent);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto 40px;\n font-weight: 300;\n }\n\n \/* Product visual *\/\n .product-visual {\n position: relative;\n width: 200px;\n height: 200px;\n margin: 0 auto 48px;\n }\n\n .product-visual .ring {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n border: 1px solid rgba(2,136,209,0.2);\n animation: pulse-ring 3s ease-in-out infinite;\n }\n\n .product-visual .ring:nth-child(2) {\n inset: -20px;\n border-color: rgba(2,136,209,0.1);\n animation-delay: 0.5s;\n }\n\n .product-visual .ring:nth-child(3) {\n inset: -40px;\n border-color: rgba(2,136,209,0.05);\n animation-delay: 1s;\n }\n\n @keyframes pulse-ring {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.03); opacity: 0.6; }\n }\n\n .product-icon {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 80px;\n filter: drop-shadow(0 0 24px rgba(2,136,209,0.25));\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* ── Stats ── *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--bg-card);\n }\n\n .stat {\n flex: 1;\n min-width: 140px;\n padding: 24px 20px;\n text-align: center;\n border-right: 1px solid var(--border);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-value {\n font-family: 'Syne', sans-serif;\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--accent);\n display: block;\n }\n\n .stat-label {\n font-size: 0.78rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 500;\n }\n\n \/* ── Container ── *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ── Section ── *\/\n section {\n padding: 72px 24px;\n }\n\n .section-label {\n font-family: 'Syne', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n .section-title {\n font-family: 'Syne', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .section-desc {\n color: var(--text-secondary);\n max-width: 540px;\n font-weight: 300;\n font-size: 1rem;\n }\n\n \/* ── Features Grid ── *\/\n .features-section { background: var(--bg); }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2px;\n margin-top: 48px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .feature-card {\n background: var(--bg-card);\n padding: 32px 28px;\n transition: background 0.2s;\n position: relative;\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 28px;\n right: 28px;\n height: 1px;\n background: var(--border);\n }\n\n .feature-card:hover { background: var(--bg-elevated); }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--radius-sm);\n background: rgba(2,136,209,0.08);\n border: 1px solid rgba(2,136,209,0.18);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .feature-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n line-height: 1.6;\n }\n\n \/* ── Specs ── *\/\n .specs-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n margin-top: 48px;\n }\n\n @media (max-width: 700px) {\n .specs-layout { grid-template-columns: 1fr; gap: 40px; }\n }\n\n .specs-table { width: 100%; border-collapse: collapse; }\n\n .specs-table tr {\n border-bottom: 1px solid var(--border);\n }\n\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td {\n padding: 14px 0;\n font-size: 0.9rem;\n }\n\n .specs-table td:first-child {\n color: var(--text-muted);\n font-weight: 500;\n width: 45%;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .specs-table td:last-child {\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .specs-visual {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n text-align: center;\n }\n\n .connector-diagram {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin: 24px 0;\n font-size: 0.82rem;\n color: var(--text-secondary);\n }\n\n .connector-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 10px 18px;\n font-family: 'Syne', sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-primary);\n }\n\n .connector-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, var(--accent), var(--accent-warm));\n border-radius: 2px;\n position: relative;\n }\n\n .connector-line::after {\n content: '⚡';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--bg-elevated);\n padding: 0 4px;\n font-size: 12px;\n }\n\n .compat-chips {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .chip {\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n \/* ── Warranty ── *\/\n .warranty-bar {\n background: linear-gradient(135deg, rgba(2,136,209,0.06), rgba(245,124,0,0.04));\n border: 1px solid rgba(2,136,209,0.15);\n border-radius: var(--radius);\n padding: 32px 36px;\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\n\n .warranty-icon { font-size: 40px; flex-shrink: 0; }\n\n .warranty-text h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 4px;\n }\n\n .warranty-text p {\n font-size: 0.88rem;\n color: var(--text-secondary);\n font-weight: 300;\n }\n\n \/* ── Use Cases ── *\/\n .usecases-section { background: var(--bg); }\n\n .usecases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-top: 48px;\n }\n\n .usecase-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: border-color 0.2s, transform 0.2s;\n }\n\n .usecase-card:hover {\n border-color: rgba(2,136,209,0.35);\n transform: translateY(-3px);\n }\n\n .usecase-card .uc-icon { font-size: 32px; margin-bottom: 16px; display: block; }\n\n .usecase-card h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .usecase-card p {\n font-size: 0.83rem;\n color: var(--text-muted);\n line-height: 1.55;\n }\n\n \/* ── Footer ── *\/\n .footer {\n border-top: 1px solid var(--border);\n padding: 32px 24px;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.82rem;\n }\n\n .footer strong { color: var(--text-secondary); }\n\n \/* ── Responsive ── *\/\n @media (max-width: 600px) {\n .stats-bar { flex-direction: column; }\n .stat { border-right: none; border-bottom: 1px solid var(--border); }\n .stat:last-child { border-bottom: none; }\n section { padding: 56px 20px; }\n .warranty-bar { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ── HERO ── --\u003e\n\u003cheader class=\"hero\"\u003e\n \u003cdiv class=\"badge\"\u003eOTG Adapter · Model OTG1-A-C\u003c\/div\u003e\n \u003ch1\u003eUSB‑A to USB‑C \u003cem\u003eOTG\u003c\/em\u003e Adapter\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003ePlug-and-play interface conversion with aluminium alloy build, high-speed data transfer, and anti-loss lanyard — ready wherever you are.\u003c\/p\u003e\n \u003cdiv class=\"product-visual\"\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"product-icon\"\u003e🔌\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- ── STATS ── --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eOTG\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eFunction Ready\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003ePlug \u0026amp; Play\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eNo Drivers Needed\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminium\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eAlloy Shell\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e12 Mo.\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eWarranty\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eSilver\u003c\/span\u003e\u003cspan class=\"stat-label\"\u003eFinish\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── FEATURES ── --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eKey Features\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eEverything you need,\u003cbr\u003enothing you don't\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eEngineered for seamless compatibility between USB-A hosts and USB-C devices — compact enough to keep on your keychain.\u003c\/p\u003e\n\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eHigh-Speed Data Transfer\u003c\/h3\u003e\n \u003cp\u003eMove files between USB-A hosts and USB-C devices quickly and reliably. Supports fast sync for photos, videos, documents and more.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eOTG Function Support\u003c\/h3\u003e\n \u003cp\u003eOn-The-Go capability lets your USB-C smartphone or tablet connect directly to USB-A peripherals — keyboards, flash drives, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n \u003cp\u003eNo software, no drivers, no setup. Simply connect and go. Compatible with Windows, macOS, Android, and Linux systems out of the box.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔗\u003c\/div\u003e\n \u003ch3\u003eAnti-Loss Lanyard Design\u003c\/h3\u003e\n \u003cp\u003eBuilt-in lanyard attachment point keeps the adapter tethered to your bag, keys, or case — because the best adapter is one you can always find.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eAluminium Alloy Shell\u003c\/h3\u003e\n \u003cp\u003ePremium aluminium alloy housing with TPE cable protection delivers durability against everyday wear and tear with a premium silver finish.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌐\u003c\/div\u003e\n \u003ch3\u003eMulti-Functional Interface Conversion\u003c\/h3\u003e\n \u003cp\u003eBridges the gap between legacy USB-A ports and modern USB-C devices — laptops, hubs, chargers, power banks, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── SPECS ── --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eBuilt to spec\u003c\/h2\u003e\n\n \u003cdiv class=\"specs-layout\"\u003e\n \u003cdiv\u003e\n \u003ctable class=\"specs-table\"\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eOTG1-A-C\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eInterface\u003c\/td\u003e\n\u003ctd\u003eUSB-A (Female) to USB-C (Male)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFunction\u003c\/td\u003e\n\u003ctd\u003eOTG, Data Transfer, Interface Conversion\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eTPE + Aluminium Alloy Shell\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eColour\u003c\/td\u003e\n\u003ctd\u003eSilver\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSetup\u003c\/td\u003e\n\u003ctd\u003ePlug \u0026amp; Play (Driver-Free)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePortability\u003c\/td\u003e\n\u003ctd\u003eAnti-Loss Lanyard Design\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/table\u003e\n\n \u003cdiv class=\"warranty-bar\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch4\u003e12-Month Warranty Included\u003c\/h4\u003e\n \u003cp\u003eEvery OTG1-A-C adapter is backed by a full 12-month manufacturer warranty for complete peace of mind.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cdiv class=\"specs-visual\"\u003e\n \u003cdiv class=\"section-label\" style=\"margin-bottom:8px;\"\u003eConnection Diagram\u003c\/div\u003e\n \u003cdiv class=\"connector-diagram\"\u003e\n \u003cdiv class=\"connector-box\"\u003eUSB-A Host\u003c\/div\u003e\n \u003cdiv class=\"connector-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"connector-box\"\u003eUSB-C Device\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.82rem; color:var(--text-muted); margin-bottom:20px;\"\u003eCompatible devices include:\u003c\/p\u003e\n \u003cdiv class=\"compat-chips\"\u003e\n \u003cspan class=\"chip\"\u003eAndroid Phones\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB-C Tablets\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eLaptops\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eUSB Hubs\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003ePower Banks\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eFlash Drives\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eKeyboards\u003c\/span\u003e\n \u003cspan class=\"chip\"\u003eCameras\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── USE CASES ── --\u003e\n\u003csection class=\"usecases-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"section-label\"\u003eUse Cases\u003c\/div\u003e\n \u003ch2 class=\"section-title\"\u003eYour adapter for every scenario\u003c\/h2\u003e\n \u003cp class=\"section-desc\"\u003eFrom the office desk to the airport lounge — the OTG1-A-C keeps you connected wherever your devices take you.\u003c\/p\u003e\n\n \u003cdiv class=\"usecases-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e💻\u003c\/span\u003e\n \u003ch4\u003eLaptop \u0026amp; Desktop\u003c\/h4\u003e\n \u003cp\u003eConnect USB-C devices to older USB-A ports on laptops, desktops, and docking stations without a hub.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📱\u003c\/span\u003e\n \u003ch4\u003eSmartphone OTG\u003c\/h4\u003e\n \u003cp\u003eUse USB-A keyboards, mice, or flash drives directly with your USB-C Android smartphone via OTG.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e📁\u003c\/span\u003e\n \u003ch4\u003eFile Transfer\u003c\/h4\u003e\n \u003cp\u003eQuickly move large files between USB-A storage and USB-C devices — no cloud required.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cspan class=\"uc-icon\"\u003e✈️\u003c\/span\u003e\n \u003ch4\u003eTravel \u0026amp; On-the-Go\u003c\/h4\u003e\n \u003cp\u003eLightweight and compact with lanyard attachment — always within reach when you're away from your desk.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ── FOOTER ── --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cp\u003e\u003cstrong\u003eUSB-A to USB-C OTG Adapter · Model OTG1-A-C\u003c\/strong\u003e · 12-Month Warranty · Plug \u0026amp; Play · Silver\u003c\/p\u003e\n \u003cp style=\"margin-top:8px;\"\u003e© 2026 All rights reserved. Product specifications subject to change without notice.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49341881745753,"sku":null,"price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/C0EF7DD3-F568-4763-BDC5-BFD3C8625F42.png?v=1726839507"},{"product_id":"8-pin-to-usb-c-mini-adapter-data-transfer-lanyard-adp2cl","title":"8-Pin to USB-C Mini Adapter | Data Transfer | Anti-Loss Lanyard | Plug \u0026 Play | Aluminium Alloy \u0026 TPE | Interface Conversion | Compatible with iPhone iPad iPod | Silver | Model ADP2-C-L","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700;800\u0026amp;family=Crimson+Pro:wght@600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --surface: #f5f6f8;\n --surface2: #ececef;\n --card: #ffffff;\n --border: #e0e2eb;\n --shadow-sm: rgba(20,20,40,.05);\n --shadow-md: rgba(20,20,40,.11);\n --ink: #111420;\n --muted: #4e5368;\n --light: #9098b0;\n --silver: #94a3b8;\n --silver-dark: #475569;\n --silver-light: #f8fafc;\n --shine: #e2e8f0;\n --rose: #be185d;\n --rose-light: #fff0f7;\n --blue: #2563eb;\n --blue-light: #eff6ff;\n --teal: #0f766e;\n --teal-light: #f0fdfa;\n --slate: #334155;\n --slate-light: #f8fafc;\n --amber: #b45309;\n --amber-light: #fffbeb;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n body {\n font-family: 'Sora', sans-serif;\n background: var(--bg);\n color: var(--ink);\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ─── HERO ─── *\/\n .hero {\n background: linear-gradient(160deg, #1a1c28 0%, #252840 55%, #1c1e2e 100%);\n padding: 72px 24px 62px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 65% 50% at 15% 30%, rgba(190,24,93,.10) 0%, transparent 60%),\n radial-gradient(ellipse 55% 40% at 85% 65%, rgba(148,163,184,.07) 0%, transparent 55%),\n radial-gradient(ellipse 40% 30% at 50% 105%, rgba(255,255,255,.04) 0%, transparent 50%);\n pointer-events: none;\n }\n .hero::after {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n -45deg,\n transparent 0px,\n transparent 60px,\n rgba(255,255,255,.012) 60px,\n rgba(255,255,255,.012) 61px\n );\n pointer-events: none;\n }\n\n .hero-inner { position: relative; z-index: 2; }\n\n .hero-chip {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border: 1px solid rgba(255,255,255,.12);\n background: rgba(255,255,255,.06);\n backdrop-filter: blur(10px);\n color: rgba(255,255,255,.72);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n padding: 6px 18px;\n border-radius: 100px;\n margin-bottom: 26px;\n }\n .chip-shine {\n width: 7px; height: 7px;\n background: linear-gradient(135deg, #f9a8d4, #be185d);\n border-radius: 50%;\n box-shadow: 0 0 8px rgba(249,168,212,.5);\n }\n\n .hero h1 {\n font-family: 'Crimson Pro', serif;\n font-size: clamp(2.2rem, 6.5vw, 4.4rem);\n font-weight: 700;\n color: #fff;\n line-height: 1.06;\n letter-spacing: -0.5px;\n margin-bottom: 14px;\n }\n .hero h1 .hl {\n background: linear-gradient(135deg, #f9a8d4 0%, #e879a0 50%, #cbd5e1 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-sub {\n font-size: clamp(13.5px, 2vw, 15.5px);\n color: rgba(255,255,255,.5);\n max-width: 510px;\n margin: 0 auto 34px;\n font-weight: 300;\n }\n\n \/* material badge row *\/\n .material-row {\n display: inline-flex;\n align-items: center;\n gap: 0;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.1);\n border-radius: 12px;\n padding: 12px 22px;\n margin-bottom: 28px;\n flex-wrap: wrap;\n justify-content: center;\n }\n .mat-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n padding: 0 16px;\n }\n .mat-item + .mat-item { border-left: 1px solid rgba(255,255,255,.1); }\n .mat-val { font-size: 13px; font-weight: 700; color: rgba(255,255,255,.9); letter-spacing: .5px; }\n .mat-sub { font-size: 10px; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,.35); }\n\n \/* connector diagram *\/\n .diagram {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n background: rgba(255,255,255,.05);\n border: 1px solid rgba(255,255,255,.1);\n border-radius: 14px;\n padding: 14px 24px;\n margin-bottom: 28px;\n flex-wrap: wrap;\n justify-content: center;\n gap: 14px;\n }\n .diag-port {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n }\n .port-badge {\n padding: 7px 18px;\n border-radius: 9px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: .5px;\n white-space: nowrap;\n }\n .pb-8pin { background: rgba(190,24,93,.2); color: #f9a8d4; border: 1.5px solid rgba(190,24,93,.3); }\n .pb-usbc { background: rgba(37,99,235,.2); color: #93c5fd; border: 1.5px solid rgba(37,99,235,.3); }\n .port-sub { font-size: 10px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,.35); }\n\n .diag-mid {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n }\n .arrow-line {\n width: 40px; height: 2px;\n background: linear-gradient(90deg, rgba(249,168,212,.4), rgba(147,197,253,.7));\n border-radius: 1px;\n position: relative;\n }\n .arrow-line::after {\n content: '▶';\n position: absolute;\n right: -10px; top: -8px;\n font-size: 10px;\n color: rgba(147,197,253,.8);\n }\n .diag-label {\n font-size: 9px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: rgba(255,255,255,.25);\n }\n\n .hero-pills {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n }\n .hero-pills span {\n background: rgba(255,255,255,.07);\n border: 1px solid rgba(255,255,255,.12);\n color: rgba(255,255,255,.7);\n font-size: 12px;\n font-weight: 500;\n padding: 5px 14px;\n border-radius: 100px;\n }\n\n \/* ─── LAYOUT ─── *\/\n .wrap { max-width: 1080px; margin: 0 auto; padding: 52px 24px; }\n\n .sec-head { margin-bottom: 28px; }\n .sec-title {\n font-family: 'Crimson Pro', serif;\n font-size: clamp(1.5rem, 4vw, 2.2rem);\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 8px;\n }\n .sec-title span { color: var(--rose); }\n .bar { width: 42px; height: 3px; border-radius: 2px; }\n .bar-rose { background: linear-gradient(90deg, var(--rose), #f9a8d4); }\n .bar-silver { background: linear-gradient(90deg, var(--silver-dark), var(--silver)); }\n .bar-blue { background: linear-gradient(90deg, var(--blue), #60a5fa); }\n .bar-teal { background: linear-gradient(90deg, var(--teal), #2dd4bf); }\n .bar-amber { background: linear-gradient(90deg, var(--amber), #fbbf24); }\n\n \/* ─── STAT ROW ─── *\/\n .stat-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n gap: 12px;\n }\n .stat-box {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 14px;\n padding: 22px 12px;\n text-align: center;\n transition: box-shadow .2s, transform .2s;\n }\n .stat-box:hover { box-shadow: 0 6px 20px var(--shadow-md); transform: translateY(-2px); }\n .stat-num {\n font-family: 'Crimson Pro', serif;\n font-size: 1.85rem;\n font-weight: 700;\n color: var(--rose);\n line-height: 1;\n margin-bottom: 5px;\n }\n .stat-lbl {\n font-size: 10.5px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--light);\n }\n\n \/* ─── FEATURE GRID ─── *\/\n .feat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));\n gap: 16px;\n }\n .feat-card {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 28px 22px;\n box-shadow: 0 2px 10px var(--shadow-sm);\n transition: box-shadow .25s, transform .25s;\n position: relative;\n overflow: hidden;\n }\n .feat-card:hover {\n box-shadow: 0 10px 32px var(--shadow-md);\n transform: translateY(-4px);\n }\n .strip {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n border-radius: 18px 18px 0 0;\n }\n .s-rose { background: linear-gradient(90deg, var(--rose), #f9a8d4); }\n .s-silver { background: linear-gradient(90deg, #475569, #94a3b8); }\n .s-blue { background: linear-gradient(90deg, var(--blue), #60a5fa); }\n .s-teal { background: linear-gradient(90deg, var(--teal), #2dd4bf); }\n .s-amber { background: linear-gradient(90deg, var(--amber), #fbbf24); }\n .s-slate { background: linear-gradient(90deg, var(--slate), #94a3b8); }\n\n .feat-icon {\n width: 48px; height: 48px;\n border-radius: 13px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n margin-bottom: 16px;\n margin-top: 8px;\n }\n .fi-rose { background: var(--rose-light); }\n .fi-silver { background: var(--silver-light); }\n .fi-blue { background: var(--blue-light); }\n .fi-teal { background: var(--teal-light); }\n .fi-amber { background: var(--amber-light); }\n .fi-slate { background: var(--slate-light); }\n\n .feat-card h3 { font-size: 15.5px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }\n .feat-card p { font-size: 13.5px; color: var(--muted); line-height: 1.68; }\n\n \/* ─── MATERIALS ─── *\/\n .mat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 14px;\n }\n .mat-card {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 16px;\n padding: 26px 22px;\n display: flex;\n gap: 16px;\n align-items: flex-start;\n box-shadow: 0 2px 8px var(--shadow-sm);\n transition: box-shadow .2s, transform .2s;\n }\n .mat-card:hover { box-shadow: 0 6px 20px var(--shadow-md); transform: translateY(-2px); }\n .mat-icon-wrap {\n width: 46px; height: 46px;\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n flex-shrink: 0;\n }\n .mw-silver { background: var(--surface2); }\n .mw-rose { background: var(--rose-light); }\n .mat-card h4 { font-size: 14.5px; font-weight: 700; color: var(--ink); margin-bottom: 5px; }\n .mat-card p { font-size: 13px; color: var(--muted); line-height: 1.6; }\n\n \/* ─── USE CASES ─── *\/\n .use-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));\n gap: 12px;\n }\n .use-card {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 14px;\n padding: 22px 16px;\n text-align: center;\n transition: border-color .2s, box-shadow .2s, transform .2s;\n }\n .use-card:hover {\n border-color: rgba(190,24,93,.25);\n box-shadow: 0 4px 16px var(--shadow-md);\n transform: translateY(-2px);\n }\n .use-emoji { font-size: 28px; margin-bottom: 10px; }\n .use-card h4 { font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 4px; }\n .use-card p { font-size: 12px; color: var(--muted); line-height: 1.55; }\n\n \/* ─── COMPAT ─── *\/\n .compat-wrap {\n border-radius: 16px;\n padding: 20px 24px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 14px;\n margin-bottom: 14px;\n }\n .cw-rose { background: var(--rose-light); border: 1.5px solid rgba(190,24,93,.14); }\n .cw-blue { background: var(--blue-light); border: 1.5px solid rgba(37,99,235,.14); }\n .compat-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n flex-shrink: 0;\n min-width: 100px;\n }\n .cl-rose { color: var(--rose); }\n .cl-blue { color: var(--blue); }\n .compat-pills { display: flex; flex-wrap: wrap; gap: 8px; }\n .compat-pills span {\n background: #fff;\n border: 1px solid var(--border);\n font-size: 12.5px;\n font-weight: 600;\n color: var(--muted);\n padding: 4px 13px;\n border-radius: 100px;\n }\n\n \/* ─── SPEC TABLE ─── *\/\n .spec-wrap {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 2px 14px var(--shadow-sm);\n }\n .spec-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n .spec-table tr { border-bottom: 1px solid var(--border); }\n .spec-table tr:last-child { border-bottom: none; }\n .spec-table td { padding: 15px 22px; vertical-align: top; }\n .spec-table td:first-child {\n font-weight: 600;\n color: var(--muted);\n background: var(--surface);\n width: 36%;\n }\n .spec-table td:last-child { color: var(--ink); font-weight: 500; }\n\n \/* ─── POLICY ─── *\/\n .policy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n }\n .policy-card {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 28px 24px;\n box-shadow: 0 2px 12px var(--shadow-sm);\n }\n .policy-card h3 {\n font-size: 15.5px;\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .p-icon {\n width: 34px; height: 34px;\n border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n font-size: 17px;\n flex-shrink: 0;\n }\n .pi-rose { background: var(--rose-light); }\n .pi-teal { background: var(--teal-light); }\n .policy-card p { font-size: 13.5px; color: var(--muted); line-height: 1.72; }\n\n \/* ─── DIVIDER ─── *\/\n .divider { border: none; border-top: 1px solid var(--border); margin: 0 24px; }\n\n \/* ─── FOOTER ─── *\/\n .prod-footer {\n background: #1a1c28;\n padding: 28px 24px;\n text-align: center;\n }\n .prod-footer p { font-size: 12.5px; color: rgba(255,255,255,.28); }\n .prod-footer strong { color: rgba(255,255,255,.55); }\n\n \/* ─── RESPONSIVE ─── *\/\n @media (max-width: 600px) {\n .hero { padding: 50px 16px 44px; }\n .wrap { padding-left: 16px; padding-right: 16px; }\n .stat-row { grid-template-columns: repeat(2, 1fr); }\n .spec-table td:first-child { width: auto; }\n .diagram { gap: 10px; padding: 12px 14px; }\n .material-row { gap: 6px; padding: 10px 14px; }\n }\n\u003c\/style\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv class=\"hero-chip\"\u003e\n\u003cspan class=\"chip-shine\"\u003e\u003c\/span\u003eModel ADP2-C-L  ·  8-Pin to USB-C  ·  12-Month Warranty\u003c\/div\u003e\n\u003ch1\u003e8-Pin to USB-C\u003cbr\u003e\u003cspan class=\"hl\"\u003eMini Adapter\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eBridge your Apple devices to the USB-C world — compact, durable, and always within reach thanks to the anti-loss lanyard design.\u003c\/p\u003e\n\u003c!-- Material Badges --\u003e\n\u003cdiv class=\"material-row\"\u003e\n\u003cdiv class=\"mat-item\"\u003e\n\u003cspan class=\"mat-val\"\u003eAluminium Alloy\u003c\/span\u003e \u003cspan class=\"mat-sub\"\u003eShell Material\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-item\"\u003e\n\u003cspan class=\"mat-val\"\u003eTPE\u003c\/span\u003e \u003cspan class=\"mat-sub\"\u003eCable Material\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-item\"\u003e\n\u003cspan class=\"mat-val\"\u003eSilver\u003c\/span\u003e \u003cspan class=\"mat-sub\"\u003eColour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Connector Diagram --\u003e\n\u003cdiv class=\"diagram\"\u003e\n\u003cdiv class=\"diag-port\"\u003e\n\u003cdiv class=\"port-badge pb-8pin\"\u003e8-Pin Male\u003c\/div\u003e\n\u003cdiv class=\"port-sub\"\u003eInput\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diag-mid\"\u003e\n\u003cdiv class=\"arrow-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"diag-label\"\u003eConverts\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diag-port\"\u003e\n\u003cdiv class=\"port-badge pb-usbc\"\u003eUSB-C Female\u003c\/div\u003e\n\u003cdiv class=\"port-sub\"\u003eOutput\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-pills\"\u003e\n\u003cspan\u003e8-Pin to USB-C\u003c\/span\u003e \u003cspan\u003eData Transfer\u003c\/span\u003e \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e \u003cspan\u003eAnti-Loss Lanyard\u003c\/span\u003e \u003cspan\u003eAluminium Alloy Shell\u003c\/span\u003e \u003cspan\u003eTPE Cable\u003c\/span\u003e \u003cspan\u003eInterface Conversion\u003c\/span\u003e \u003cspan\u003eEasy to Carry\u003c\/span\u003e \u003cspan\u003eSilver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- QUICK STATS --\u003e\n\u003cdiv style=\"padding-bottom: 0;\" class=\"wrap\"\u003e\n\u003cdiv class=\"stat-row\"\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e8-Pin\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eInput\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eUSB-C\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eOutput\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eMini\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eSize\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eTPE\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eMaterial\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e12M\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eWarranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- KEY FEATURES --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003eKey \u003cspan\u003eFeatures\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-rose\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-grid\"\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-rose\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-rose\"\u003e📡\u003c\/div\u003e\n\u003ch3\u003eData Transfer Support\u003c\/h3\u003e\n\u003cp\u003eTransfer files, photos, and data between your 8-Pin Apple device and USB-C peripherals — including laptops, hubs, and storage devices. Fast and reliable transfer with no signal loss.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-silver\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-silver\"\u003e🔌\u003c\/div\u003e\n\u003ch3\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n\u003cp\u003eNo drivers, no configuration, no hassle. Connect the 8-Pin end to your Apple device, attach your USB-C accessory to the other end, and it works instantly — straight out of the box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-teal\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-teal\"\u003e🔗\u003c\/div\u003e\n\u003ch3\u003eAnti-Loss Lanyard Design\u003c\/h3\u003e\n\u003cp\u003eThe built-in lanyard keeps the adapter securely tethered to your bag, keyring, or cable — so it's always on hand when you need it and never gets misplaced in a pocket or drawer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-blue\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003eInterface Conversion\u003c\/h3\u003e\n\u003cp\u003eSeamlessly converts your Apple 8-Pin port to a USB-C connection — making it easy to use USB-C accessories, chargers, hubs, and peripherals with your iPhone or iPad without needing a full cable replacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-silver\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-silver\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003eCompact \u0026amp; Easy to Carry\u003c\/h3\u003e\n\u003cp\u003eThe ultra-compact mini form factor slides effortlessly into any pocket, bag or travel kit. Combined with the anti-loss lanyard, the ADP2-C-L is the ultimate everyday carry adapter for Apple users on the go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-amber\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-amber\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003ePremium Build Quality\u003c\/h3\u003e\n\u003cp\u003eThe precision aluminium alloy shell provides durability, heat resistance, and a premium feel, while the flexible TPE cable handles thousands of bends without cracking — built to last through daily use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- MATERIALS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003ePremium \u003cspan\u003eMaterials\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-silver\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-grid\"\u003e\n\u003cdiv class=\"mat-card\"\u003e\n\u003cdiv class=\"mat-icon-wrap mw-silver\"\u003e🔩\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eAluminium Alloy Shell\u003c\/h4\u003e\n\u003cp\u003eThe precision-machined aluminium alloy outer shell provides structural rigidity, corrosion resistance, and effective heat dissipation — giving the adapter a premium, long-lasting build that won't warp or crack under regular use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-card\"\u003e\n\u003cdiv class=\"mat-icon-wrap mw-rose\"\u003e🧵\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTPE Flexible Cable\u003c\/h4\u003e\n\u003cp\u003eThermoplastic Elastomer (TPE) offers excellent bend resistance and durability over thousands of flexes, a soft-touch feel, and resistance to tangling and wear — ensuring the adapter stays flexible and intact over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- USE CASES --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003ePerfect \u003cspan\u003eFor\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-teal\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-grid\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e💻\u003c\/div\u003e\n\u003ch4\u003eUSB-C Laptops\u003c\/h4\u003e\n\u003cp\u003eConnect your iPhone or iPad to USB-C MacBooks, PCs and Chromebooks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e🔋\u003c\/div\u003e\n\u003ch4\u003eUSB-C Chargers\u003c\/h4\u003e\n\u003cp\u003eUse USB-C power banks and chargers to charge 8-Pin Apple devices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e🖥️\u003c\/div\u003e\n\u003ch4\u003eUSB-C Hubs\u003c\/h4\u003e\n\u003cp\u003eAccess USB-C hub ports and docking stations from your Apple device.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e📂\u003c\/div\u003e\n\u003ch4\u003eFile Transfer\u003c\/h4\u003e\n\u003cp\u003eTransfer photos and data between 8-Pin devices and USB-C storage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e✈️\u003c\/div\u003e\n\u003ch4\u003eTravel\u003c\/h4\u003e\n\u003cp\u003eThe lanyard keeps it accessible wherever your journey takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- COMPATIBILITY --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003eDevice \u003cspan\u003eCompatibility\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compat-wrap cw-rose\"\u003e\n\u003cspan class=\"compat-label cl-rose\"\u003e8-Pin Devices\u003c\/span\u003e\n\u003cdiv class=\"compat-pills\"\u003e\n\u003cspan\u003eiPhone 14\u003c\/span\u003e \u003cspan\u003eiPhone 13\u003c\/span\u003e \u003cspan\u003eiPhone 12\u003c\/span\u003e \u003cspan\u003eiPhone 11\u003c\/span\u003e \u003cspan\u003eiPhone X \/ XS \/ XR\u003c\/span\u003e \u003cspan\u003eiPhone 8 \/ 8 Plus\u003c\/span\u003e \u003cspan\u003eiPhone 7 \/ 7 Plus\u003c\/span\u003e \u003cspan\u003eiPad (8-Pin models)\u003c\/span\u003e \u003cspan\u003eiPod touch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compat-wrap cw-blue\"\u003e\n\u003cspan class=\"compat-label cl-blue\"\u003eUSB-C Peripherals\u003c\/span\u003e\n\u003cdiv class=\"compat-pills\"\u003e\n\u003cspan\u003eUSB-C laptops\u003c\/span\u003e \u003cspan\u003eUSB-C MacBook\u003c\/span\u003e \u003cspan\u003eUSB-C chargers\u003c\/span\u003e \u003cspan\u003eUSB-C power banks\u003c\/span\u003e \u003cspan\u003eUSB-C hubs \u0026amp; docks\u003c\/span\u003e \u003cspan\u003eUSB-C storage drives\u003c\/span\u003e \u003cspan\u003eUSB-C monitors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003eProduct \u003cspan\u003eSpecifications\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-amber\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-wrap\"\u003e\n\u003ctable class=\"spec-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003e8-Pin to USB-C Mini Adapter\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP2-C-L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eColour\u003c\/td\u003e\n\u003ctd\u003eSilver\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eShell Material\u003c\/td\u003e\n\u003ctd\u003eAluminium Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCable Material\u003c\/td\u003e\n\u003ctd\u003eTPE (Thermoplastic Elastomer)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInput Connector\u003c\/td\u003e\n\u003ctd\u003e8-Pin Male\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOutput Connector\u003c\/td\u003e\n\u003ctd\u003eUSB-C Female\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eData Transfer\u003c\/td\u003e\n\u003ctd\u003eSupported\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSetup Required\u003c\/td\u003e\n\u003ctd\u003eNo — Plug \u0026amp; Play\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnti-Loss Feature\u003c\/td\u003e\n\u003ctd\u003eIntegrated lanyard design\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInterface Conversion\u003c\/td\u003e\n\u003ctd\u003e8-Pin to USB-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- WARRANTY \u0026 RETURNS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003eWarranty \u003cspan\u003e\u0026amp; Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-teal\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"policy-grid\"\u003e\n\u003cdiv class=\"policy-card\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"p-icon pi-rose\"\u003e🛡️\u003c\/span\u003e 12-Month Warranty\u003c\/h3\u003e\n\u003cp\u003eThe ADP2-C-L is covered by a 12-month manufacturer's warranty against defects in materials and workmanship that result in product failure or malfunction under normal use conditions. The warranty does not cover damage caused by accidents, liquid ingress, misuse, or any unauthorised modifications to the product.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"policy-card\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"p-icon pi-teal\"\u003e↩️\u003c\/span\u003e 14-Day Returns\u003c\/h3\u003e\n\u003cp\u003eWe accept returns within 14 days of purchase. The item must be returned in the same condition as received, in its original packaging with all accessories and documentation included. To initiate a return, please contact our customer service team with your order details. Refunds are processed to your original payment method once the item has been received and inspected.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FOOTER --\u003e\n\u003cdiv class=\"prod-footer\"\u003e\n\u003cp\u003e\u003cstrong\u003e8-Pin to USB-C Mini Adapter\u003c\/strong\u003e · Model ADP2-C-L · Aluminium Alloy \u0026amp; TPE · Anti-Loss Lanyard · Data Transfer · 12-Month Warranty · 14-Day Returns\u003c\/p\u003e\n\u003c\/div\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49349301666137,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/145C5C3E-19C9-447D-9C34-EEA33531C7D5.webp?v=1726949320"},{"product_id":"usb-c-to-usb-a-mini-adapter-data-transfer-lanyard-adp2ca","title":"USB-C to USB-A Mini Adapter | Data Transfer | Anti-Loss Lanyard | Plug \u0026 Play | Aluminium Alloy \u0026 TPE | Interface Conversion | Compatible with MacBook Samsung iPad | Silver | Model ADP2-C-A | 12 Month Warranty","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eUSB-C to USB-A Mini Adapter | Data Transfer | Anti-Loss Lanyard | Aluminium Alloy | ADP2-C-A\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700;800\u0026amp;family=Crimson+Pro:wght@600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --surface: #f5f6f8;\n --surface2: #ececef;\n --card: #ffffff;\n --border: #e0e2eb;\n --shadow-sm: rgba(20,20,40,.05);\n --shadow-md: rgba(20,20,40,.11);\n --ink: #111420;\n --muted: #4e5368;\n --light: #9098b0;\n --accent: #6b7280;\n --silver: #94a3b8;\n --silver-dark: #475569;\n --silver-light: #f8fafc;\n --shine: #e2e8f0;\n --blue: #2563eb;\n --blue-light: #eff6ff;\n --teal: #0f766e;\n --teal-light: #f0fdfa;\n --slate: #334155;\n --slate-light: #f8fafc;\n --amber: #b45309;\n --amber-light: #fffbeb;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n body {\n font-family: 'Sora', sans-serif;\n background: var(--bg);\n color: var(--ink);\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ─── HERO ─── *\/\n .hero {\n background: linear-gradient(160deg, #1e2130 0%, #2a2f42 55%, #1a1e2e 100%);\n padding: 72px 24px 62px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n \/* metallic sheen overlay *\/\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 70% 55% at 20% 30%, rgba(180,195,220,.08) 0%, transparent 60%),\n radial-gradient(ellipse 50% 40% at 80% 70%, rgba(148,163,184,.07) 0%, transparent 55%),\n radial-gradient(ellipse 40% 30% at 50% 105%, rgba(255,255,255,.04) 0%, transparent 50%);\n pointer-events: none;\n }\n\n \/* diagonal light streaks — metallic effect *\/\n .hero::after {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n -45deg,\n transparent 0px,\n transparent 60px,\n rgba(255,255,255,.015) 60px,\n rgba(255,255,255,.015) 61px\n );\n pointer-events: none;\n }\n\n .hero-inner { position: relative; z-index: 2; }\n\n .hero-chip {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border: 1px solid rgba(255,255,255,.12);\n background: rgba(255,255,255,.06);\n backdrop-filter: blur(10px);\n color: rgba(255,255,255,.72);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n padding: 6px 18px;\n border-radius: 100px;\n margin-bottom: 26px;\n }\n .chip-shine {\n width: 7px; height: 7px;\n background: linear-gradient(135deg, #e2e8f0, #94a3b8);\n border-radius: 50%;\n box-shadow: 0 0 8px rgba(226,232,240,.5);\n }\n\n .hero h1 {\n font-family: 'Crimson Pro', serif;\n font-size: clamp(2.2rem, 6.5vw, 4.4rem);\n font-weight: 700;\n color: #fff;\n line-height: 1.06;\n letter-spacing: -0.5px;\n margin-bottom: 14px;\n }\n .hero h1 .hl {\n background: linear-gradient(135deg, #e2e8f0 0%, #94a3b8 50%, #cbd5e1 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-sub {\n font-size: clamp(13.5px, 2vw, 15.5px);\n color: rgba(255,255,255,.5);\n max-width: 500px;\n margin: 0 auto 34px;\n font-weight: 300;\n }\n\n \/* material badge row *\/\n .material-row {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.1);\n border-radius: 12px;\n padding: 12px 22px;\n margin-bottom: 28px;\n flex-wrap: wrap;\n justify-content: center;\n }\n .mat-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n padding: 0 14px;\n }\n .mat-item + .mat-item {\n border-left: 1px solid rgba(255,255,255,.1);\n }\n .mat-val {\n font-size: 13px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n letter-spacing: .5px;\n }\n .mat-sub {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n color: rgba(255,255,255,.38);\n }\n\n \/* connector diagram *\/\n .diagram {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n background: rgba(255,255,255,.05);\n border: 1px solid rgba(255,255,255,.1);\n border-radius: 14px;\n padding: 14px 24px;\n margin-bottom: 28px;\n flex-wrap: wrap;\n justify-content: center;\n }\n .diag-port {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n }\n .port-badge {\n padding: 7px 18px;\n border-radius: 9px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: .5px;\n white-space: nowrap;\n }\n .pb-usbc { background: rgba(37,99,235,.2); color: #93c5fd; border: 1.5px solid rgba(37,99,235,.3); }\n .pb-usba { background: rgba(148,163,184,.15); color: #cbd5e1; border: 1.5px solid rgba(148,163,184,.25); }\n .port-sub { font-size: 10px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,.35); }\n\n .diag-mid {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n }\n .arrow-line {\n width: 40px; height: 2px;\n background: linear-gradient(90deg, rgba(148,163,184,.3), rgba(226,232,240,.7));\n border-radius: 1px;\n position: relative;\n }\n .arrow-line::after {\n content: '▶';\n position: absolute;\n right: -10px; top: -8px;\n font-size: 10px;\n color: rgba(226,232,240,.7);\n }\n .diag-label {\n font-size: 9px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: rgba(255,255,255,.25);\n }\n\n .hero-pills {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n }\n .hero-pills span {\n background: rgba(255,255,255,.07);\n border: 1px solid rgba(255,255,255,.12);\n color: rgba(255,255,255,.7);\n font-size: 12px;\n font-weight: 500;\n padding: 5px 14px;\n border-radius: 100px;\n }\n\n \/* ─── LAYOUT ─── *\/\n .wrap { max-width: 1080px; margin: 0 auto; padding: 52px 24px; }\n\n .sec-head { margin-bottom: 28px; }\n .sec-title {\n font-family: 'Crimson Pro', serif;\n font-size: clamp(1.5rem, 4vw, 2.2rem);\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 8px;\n }\n .sec-title span { color: var(--blue); }\n .bar { width: 42px; height: 3px; border-radius: 2px; }\n .bar-silver { background: linear-gradient(90deg, var(--silver-dark), var(--silver)); }\n .bar-blue { background: linear-gradient(90deg, var(--blue), #60a5fa); }\n .bar-teal { background: linear-gradient(90deg, var(--teal), #2dd4bf); }\n .bar-amber { background: linear-gradient(90deg, var(--amber), #fbbf24); }\n\n \/* ─── STAT ROW ─── *\/\n .stat-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n gap: 12px;\n }\n .stat-box {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 14px;\n padding: 22px 12px;\n text-align: center;\n transition: box-shadow .2s, transform .2s;\n }\n .stat-box:hover { box-shadow: 0 6px 20px var(--shadow-md); transform: translateY(-2px); }\n .stat-num {\n font-family: 'Crimson Pro', serif;\n font-size: 1.85rem;\n font-weight: 700;\n color: var(--silver-dark);\n line-height: 1;\n margin-bottom: 5px;\n }\n .stat-lbl {\n font-size: 10.5px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--light);\n }\n\n \/* ─── FEATURE GRID ─── *\/\n .feat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));\n gap: 16px;\n }\n .feat-card {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 28px 22px;\n box-shadow: 0 2px 10px var(--shadow-sm);\n transition: box-shadow .25s, transform .25s;\n position: relative;\n overflow: hidden;\n }\n .feat-card:hover {\n box-shadow: 0 10px 32px var(--shadow-md);\n transform: translateY(-4px);\n }\n .strip {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n border-radius: 18px 18px 0 0;\n }\n .s-silver { background: linear-gradient(90deg, #475569, #94a3b8); }\n .s-blue { background: linear-gradient(90deg, var(--blue), #60a5fa); }\n .s-teal { background: linear-gradient(90deg, var(--teal), #2dd4bf); }\n .s-amber { background: linear-gradient(90deg, var(--amber), #fbbf24); }\n .s-slate { background: linear-gradient(90deg, var(--slate), #94a3b8); }\n\n .feat-icon {\n width: 48px; height: 48px;\n border-radius: 13px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n margin-bottom: 16px;\n margin-top: 8px;\n }\n .fi-silver { background: var(--silver-light); }\n .fi-blue { background: var(--blue-light); }\n .fi-teal { background: var(--teal-light); }\n .fi-amber { background: var(--amber-light); }\n .fi-slate { background: var(--slate-light); }\n\n .feat-card h3 { font-size: 15.5px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }\n .feat-card p { font-size: 13.5px; color: var(--muted); line-height: 1.68; }\n\n \/* ─── MATERIALS SECTION ─── *\/\n .mat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 14px;\n }\n .mat-card {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 16px;\n padding: 26px 22px;\n display: flex;\n gap: 16px;\n align-items: flex-start;\n box-shadow: 0 2px 8px var(--shadow-sm);\n transition: box-shadow .2s, transform .2s;\n }\n .mat-card:hover { box-shadow: 0 6px 20px var(--shadow-md); transform: translateY(-2px); }\n .mat-icon-wrap {\n width: 46px; height: 46px;\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n flex-shrink: 0;\n }\n .mw-silver { background: var(--surface2); }\n .mw-blue { background: var(--blue-light); }\n .mat-card h4 { font-size: 14.5px; font-weight: 700; color: var(--ink); margin-bottom: 5px; }\n .mat-card p { font-size: 13px; color: var(--muted); line-height: 1.6; }\n\n \/* ─── USE CASES ─── *\/\n .use-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));\n gap: 12px;\n }\n .use-card {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 14px;\n padding: 22px 16px;\n text-align: center;\n transition: border-color .2s, box-shadow .2s, transform .2s;\n }\n .use-card:hover {\n border-color: rgba(71,85,105,.3);\n box-shadow: 0 4px 16px var(--shadow-md);\n transform: translateY(-2px);\n }\n .use-emoji { font-size: 28px; margin-bottom: 10px; }\n .use-card h4 { font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 4px; }\n .use-card p { font-size: 12px; color: var(--muted); line-height: 1.55; }\n\n \/* ─── COMPAT ─── *\/\n .compat-wrap {\n border-radius: 16px;\n padding: 20px 24px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 14px;\n margin-bottom: 14px;\n }\n .cw-blue { background: var(--blue-light); border: 1.5px solid rgba(37,99,235,.15); }\n .cw-slate { background: var(--slate-light); border: 1.5px solid rgba(51,65,85,.12); }\n .compat-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n flex-shrink: 0;\n min-width: 100px;\n }\n .cl-blue { color: var(--blue); }\n .cl-slate { color: var(--slate); }\n .compat-pills { display: flex; flex-wrap: wrap; gap: 8px; }\n .compat-pills span {\n background: #fff;\n border: 1px solid var(--border);\n font-size: 12.5px;\n font-weight: 600;\n color: var(--muted);\n padding: 4px 13px;\n border-radius: 100px;\n }\n\n \/* ─── SPEC TABLE ─── *\/\n .spec-wrap {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 2px 14px var(--shadow-sm);\n }\n .spec-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n .spec-table tr { border-bottom: 1px solid var(--border); }\n .spec-table tr:last-child { border-bottom: none; }\n .spec-table td { padding: 15px 22px; vertical-align: top; }\n .spec-table td:first-child {\n font-weight: 600;\n color: var(--muted);\n background: var(--surface);\n width: 36%;\n }\n .spec-table td:last-child { color: var(--ink); font-weight: 500; }\n\n \/* ─── POLICY ─── *\/\n .policy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n }\n .policy-card {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 28px 24px;\n box-shadow: 0 2px 12px var(--shadow-sm);\n }\n .policy-card h3 {\n font-size: 15.5px;\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .p-icon {\n width: 34px; height: 34px;\n border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n font-size: 17px;\n flex-shrink: 0;\n }\n .pi-silver { background: var(--surface2); }\n .pi-teal { background: var(--teal-light); }\n .policy-card p { font-size: 13.5px; color: var(--muted); line-height: 1.72; }\n\n \/* ─── DIVIDER ─── *\/\n .divider { border: none; border-top: 1px solid var(--border); margin: 0 24px; }\n\n \/* ─── FOOTER ─── *\/\n .prod-footer {\n background: #1e2130;\n padding: 28px 24px;\n text-align: center;\n }\n .prod-footer p { font-size: 12.5px; color: rgba(255,255,255,.28); }\n .prod-footer strong { color: rgba(255,255,255,.55); }\n\n \/* ─── RESPONSIVE ─── *\/\n @media (max-width: 600px) {\n .hero { padding: 50px 16px 44px; }\n .wrap { padding-left: 16px; padding-right: 16px; }\n .stat-row { grid-template-columns: repeat(2, 1fr); }\n .spec-table td:first-child { width: auto; }\n .diagram { gap: 10px; padding: 12px 14px; }\n .material-row { gap: 6px; padding: 10px 14px; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n \u003cdiv class=\"hero-inner\"\u003e\n \u003cdiv class=\"hero-chip\"\u003e\n\u003cspan class=\"chip-shine\"\u003e\u003c\/span\u003eModel ADP2-C-A  ·  USB-C to USB-A  ·  12-Month Warranty\u003c\/div\u003e\n\n \u003ch1\u003eUSB-C to USB-A\u003cbr\u003e\u003cspan class=\"hl\"\u003eMini Adapter\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003ePocket-sized precision — connect USB-A devices to your USB-C port instantly with the anti-loss lanyard design that goes everywhere you do.\u003c\/p\u003e\n\n \u003c!-- Material Badges --\u003e\n \u003cdiv class=\"material-row\"\u003e\n \u003cdiv class=\"mat-item\"\u003e\n \u003cspan class=\"mat-val\"\u003eAluminium Alloy\u003c\/span\u003e\n \u003cspan class=\"mat-sub\"\u003eShell Material\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-item\"\u003e\n \u003cspan class=\"mat-val\"\u003eTPE\u003c\/span\u003e\n \u003cspan class=\"mat-sub\"\u003eCable Material\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-item\"\u003e\n \u003cspan class=\"mat-val\"\u003eSilver\u003c\/span\u003e\n \u003cspan class=\"mat-sub\"\u003eColour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Connector Diagram --\u003e\n \u003cdiv class=\"diagram\"\u003e\n \u003cdiv class=\"diag-port\"\u003e\n \u003cdiv class=\"port-badge pb-usbc\"\u003eUSB-C Male\u003c\/div\u003e\n \u003cdiv class=\"port-sub\"\u003eInput\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"diag-mid\"\u003e\n \u003cdiv class=\"arrow-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"diag-label\"\u003eConverts\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"diag-port\"\u003e\n \u003cdiv class=\"port-badge pb-usba\"\u003eUSB-A Female\u003c\/div\u003e\n \u003cdiv class=\"port-sub\"\u003eOutput\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-pills\"\u003e\n \u003cspan\u003eUSB-C to USB-A\u003c\/span\u003e\n \u003cspan\u003eData Transfer\u003c\/span\u003e\n \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e\n \u003cspan\u003eAnti-Loss Lanyard\u003c\/span\u003e\n \u003cspan\u003eAluminium Alloy Shell\u003c\/span\u003e\n \u003cspan\u003eTPE Cable\u003c\/span\u003e\n \u003cspan\u003eInterface Conversion\u003c\/span\u003e\n \u003cspan\u003eEasy to Carry\u003c\/span\u003e\n \u003cspan\u003eSilver\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- QUICK STATS --\u003e\n\u003cdiv class=\"wrap\" style=\"padding-bottom:0\"\u003e\n \u003cdiv class=\"stat-row\"\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eUSB-C\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eInput\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eUSB-A\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eOutput\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eMini\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eSize\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eTPE\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eMaterial\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e12M\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eWarranty\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- KEY FEATURES --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003eKey \u003cspan\u003eFeatures\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-silver\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feat-grid\"\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-blue\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-blue\"\u003e📡\u003c\/div\u003e\n \u003ch3\u003eData Transfer Support\u003c\/h3\u003e\n \u003cp\u003eTransfer files between your USB-C device and USB-A peripherals — including flash drives, keyboards, mice, hard drives, and more. Enjoy fast, reliable data transfer with no signal loss.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-silver\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-silver\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n \u003cp\u003eNo drivers, no software, no setup. Simply connect the USB-C end to your device, plug in your USB-A peripheral, and it's ready to use instantly — straight out of the box.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-teal\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-teal\"\u003e🔗\u003c\/div\u003e\n \u003ch3\u003eAnti-Loss Lanyard Design\u003c\/h3\u003e\n \u003cp\u003eThe integrated lanyard keeps the adapter securely attached to your bag, keys, or cable — so it's always on hand when you need it and never gets lost at the bottom of a drawer again.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-amber\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-amber\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eInterface Conversion\u003c\/h3\u003e\n \u003cp\u003eBridges the gap between USB-C and USB-A with ease. Ideal for using older USB-A accessories and peripherals with newer USB-C-only laptops, tablets, and smartphones — no compromises needed.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-silver\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-silver\"\u003e🎒\u003c\/div\u003e\n \u003ch3\u003eCompact \u0026amp; Easy to Carry\u003c\/h3\u003e\n \u003cp\u003eUltra-compact mini form factor fits effortlessly in your pocket, laptop bag, or travel pouch. The lanyard design means it's always attached and ready — a true everyday carry essential.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-slate\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-slate\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003ePremium Build Quality\u003c\/h3\u003e\n \u003cp\u003eThe aluminium alloy shell provides durability and heat resistance, while the TPE flexible cable ensures long-lasting flexibility without cracking or fraying — built to withstand daily use.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- MATERIALS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003ePremium \u003cspan\u003eMaterials\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-silver\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-grid\"\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cdiv class=\"mat-icon-wrap mw-silver\"\u003e🔩\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eAluminium Alloy Shell\u003c\/h4\u003e\n \u003cp\u003eThe precision-machined aluminium alloy outer shell provides structural rigidity, corrosion resistance, and heat dissipation — giving the adapter a premium, long-lasting build that won't warp or crack.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mat-card\"\u003e\n \u003cdiv class=\"mat-icon-wrap mw-blue\"\u003e🧵\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eTPE Flexible Cable\u003c\/h4\u003e\n \u003cp\u003eThermoplastic Elastomer (TPE) is used for the flexible portions, offering excellent bend resistance, durability over thousands of flexes, and a soft-touch feel — resisting tangling and wear over time.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- USE CASES --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003ePerfect \u003cspan\u003eFor\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-teal\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"use-grid\"\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-emoji\"\u003e💾\u003c\/div\u003e\n \u003ch4\u003eUSB Flash Drives\u003c\/h4\u003e\n \u003cp\u003eAccess USB-A storage on any USB-C device instantly.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-emoji\"\u003e⌨️\u003c\/div\u003e\n \u003ch4\u003eKeyboards \u0026amp; Mice\u003c\/h4\u003e\n \u003cp\u003eUse USB-A peripherals with your USB-C laptop or tablet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-emoji\"\u003e🖥️\u003c\/div\u003e\n \u003ch4\u003eLaptops \u0026amp; Tablets\u003c\/h4\u003e\n \u003cp\u003eBridge USB-C-only devices to legacy USB-A accessories.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-emoji\"\u003e📷\u003c\/div\u003e\n \u003ch4\u003eCameras \u0026amp; Readers\u003c\/h4\u003e\n \u003cp\u003eConnect USB-A card readers and cameras to modern ports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"use-card\"\u003e\n \u003cdiv class=\"use-emoji\"\u003e✈️\u003c\/div\u003e\n \u003ch4\u003eTravel \u0026amp; Work\u003c\/h4\u003e\n \u003cp\u003eThe lanyard keeps it handy wherever your day takes you.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- COMPATIBILITY --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003eDevice \u003cspan\u003eCompatibility\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-blue\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"compat-wrap cw-blue\"\u003e\n \u003cspan class=\"compat-label cl-blue\"\u003eUSB-C Devices\u003c\/span\u003e\n \u003cdiv class=\"compat-pills\"\u003e\n \u003cspan\u003eMacBook \/ MacBook Pro\u003c\/span\u003e\n \u003cspan\u003eMacBook Air\u003c\/span\u003e\n \u003cspan\u003eiPad Pro (USB-C)\u003c\/span\u003e\n \u003cspan\u003eSamsung Galaxy\u003c\/span\u003e\n \u003cspan\u003eGoogle Pixel\u003c\/span\u003e\n \u003cspan\u003eWindows Laptops\u003c\/span\u003e\n \u003cspan\u003eChromebooks\u003c\/span\u003e\n \u003cspan\u003eAndroid smartphones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"compat-wrap cw-slate\"\u003e\n \u003cspan class=\"compat-label cl-slate\"\u003eUSB-A Peripherals\u003c\/span\u003e\n \u003cdiv class=\"compat-pills\"\u003e\n \u003cspan\u003eUSB flash drives\u003c\/span\u003e\n \u003cspan\u003eExternal hard drives\u003c\/span\u003e\n \u003cspan\u003eUSB keyboards\u003c\/span\u003e\n \u003cspan\u003eUSB mice\u003c\/span\u003e\n \u003cspan\u003eCard readers\u003c\/span\u003e\n \u003cspan\u003eUSB hubs\u003c\/span\u003e\n \u003cspan\u003eWebcams\u003c\/span\u003e\n \u003cspan\u003eUSB headsets\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003eProduct \u003cspan\u003eSpecifications\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-amber\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-wrap\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003eUSB-C to USB-A Mini Adapter\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP2-C-A\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eColour\u003c\/td\u003e\n\u003ctd\u003eSilver\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eShell Material\u003c\/td\u003e\n\u003ctd\u003eAluminium Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCable Material\u003c\/td\u003e\n\u003ctd\u003eTPE (Thermoplastic Elastomer)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eInput Connector\u003c\/td\u003e\n\u003ctd\u003eUSB-C Male\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eOutput Connector\u003c\/td\u003e\n\u003ctd\u003eUSB-A Female\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eData Transfer\u003c\/td\u003e\n\u003ctd\u003eSupported\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSetup Required\u003c\/td\u003e\n\u003ctd\u003eNo — Plug \u0026amp; Play\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eAnti-Loss Feature\u003c\/td\u003e\n\u003ctd\u003eIntegrated lanyard design\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eInterface Conversion\u003c\/td\u003e\n\u003ctd\u003eUSB-C to USB-A\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- WARRANTY \u0026 RETURNS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003eWarranty \u003cspan\u003e\u0026amp; Returns\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-teal\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"policy-grid\"\u003e\n \u003cdiv class=\"policy-card\"\u003e\n \u003ch3\u003e\n\u003cspan class=\"p-icon pi-silver\"\u003e🛡️\u003c\/span\u003e 12-Month Warranty\u003c\/h3\u003e\n \u003cp\u003eThe ADP2-C-A is covered by a 12-month manufacturer's warranty against defects in materials and workmanship that result in product failure or malfunction under normal use conditions. The warranty does not cover damage caused by accidents, liquid ingress, misuse, or any unauthorised modifications to the product.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"policy-card\"\u003e\n \u003ch3\u003e\n\u003cspan class=\"p-icon pi-teal\"\u003e↩️\u003c\/span\u003e 14-Day Returns\u003c\/h3\u003e\n \u003cp\u003eWe accept returns within 14 days of purchase. The item must be returned in the same condition as received, in its original packaging with all accessories and documentation included. To initiate a return, please contact our customer service team with your order details. Refunds are processed to your original payment method once the item has been received and inspected.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cdiv class=\"prod-footer\"\u003e\n \u003cp\u003e\u003cstrong\u003eUSB-C to USB-A Mini Adapter\u003c\/strong\u003e · Model ADP2-C-A · Aluminium Alloy \u0026amp; TPE · Anti-Loss Lanyard · Data Transfer · 12-Month Warranty · 14-Day Returns\u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49349309530457,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/9CD6301B-27F2-497A-8B50-A4E648D95783.png?v=1726949744"},{"product_id":"usb-c-to-usb-c-3-5mm-adapter-charge-audio-adp03-2in1","title":"USB-C to USB-C \u0026 3.5mm Adapter | Charge \u0026 Listen Simultaneously | Volume Control | Calls \u0026 Music | 2A Charging | Plug \u0026 Play | Compatible with Samsung Galaxy Pixel iPad | Model ADP03-2IN1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cabinet+Grotesk:wght@500;700;800\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Clash+Display:wght@600;700\u0026amp;family=Satoshi:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700\u0026family=Lora:wght@600;700\u0026display=swap');\n\n :root {\n --bg: #ffffff;\n --surface: #f6f8fb;\n --surface2: #edf0f7;\n --card: #ffffff;\n --border: #e1e5f0;\n --shadow-sm: rgba(10,18,60,.05);\n --shadow-md: rgba(10,18,60,.11);\n --ink: #0c1322;\n --muted: #475069;\n --light: #8892aa;\n --accent: #0051cc;\n --accent-light: #eef4ff;\n --accent2: #00a878;\n --accent2-light: #edfaf5;\n --accent3: #7c3aed;\n --accent3-light: #f5f0ff;\n --warning: #d97706;\n --warning-light: #fffbeb;\n --red: #dc2626;\n --red-light: #fef2f2;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n body {\n font-family: 'Space Grotesk', sans-serif;\n background: var(--bg);\n color: var(--ink);\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ─── HERO ─── *\/\n .hero {\n background: #ffffff;\n border-bottom: 1px solid var(--border);\n padding: 64px 24px 56px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 65% 55% at 0% 50%, rgba(0,81,204,.055) 0%, transparent 60%),\n radial-gradient(ellipse 55% 45% at 100% 40%, rgba(0,168,120,.05) 0%, transparent 60%),\n radial-gradient(ellipse 50% 35% at 50% 100%, rgba(124,58,237,.04) 0%, transparent 55%);\n pointer-events: none;\n }\n\n \/* subtle grid *\/\n .hero::after {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(var(--border) 1px, transparent 1px),\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\n background-size: 48px 48px;\n opacity: .35;\n pointer-events: none;\n }\n\n .hero-inner { position: relative; z-index: 2; }\n\n .model-chip {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n border: 1.5px solid var(--border);\n background: var(--surface);\n color: var(--muted);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 6px 16px;\n border-radius: 100px;\n margin-bottom: 24px;\n box-shadow: 0 1px 4px var(--shadow-sm);\n }\n .chip-pulse {\n width: 7px; height: 7px;\n background: var(--accent2);\n border-radius: 50%;\n box-shadow: 0 0 0 3px rgba(0,168,120,.2);\n animation: pulse 2s ease-in-out infinite;\n }\n @keyframes pulse {\n 0%,100% { box-shadow: 0 0 0 3px rgba(0,168,120,.2); }\n 50% { box-shadow: 0 0 0 6px rgba(0,168,120,.08); }\n }\n\n .hero h1 {\n font-family: 'Lora', serif;\n font-size: clamp(2rem, 6vw, 4rem);\n font-weight: 700;\n color: var(--ink);\n line-height: 1.06;\n letter-spacing: -0.5px;\n margin-bottom: 14px;\n }\n .hero h1 .hl-blue { color: var(--accent); }\n .hero h1 .hl-green { color: var(--accent2); }\n\n .hero-sub {\n font-size: clamp(13.5px, 2vw, 15.5px);\n color: var(--light);\n max-width: 520px;\n margin: 0 auto 36px;\n font-weight: 400;\n }\n\n \/* ── connector diagram ── *\/\n .diagram {\n display: inline-flex;\n align-items: center;\n gap: 16px;\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 18px 28px;\n margin-bottom: 32px;\n box-shadow: 0 2px 10px var(--shadow-sm);\n flex-wrap: wrap;\n justify-content: center;\n }\n .diag-port {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n }\n .port-badge {\n padding: 7px 18px;\n border-radius: 10px;\n font-size: 12.5px;\n font-weight: 700;\n letter-spacing: .5px;\n white-space: nowrap;\n }\n .pb-usbc-in { background: var(--accent-light); color: var(--accent); border: 1.5px solid rgba(0,81,204,.2); }\n .pb-usbc-out { background: var(--accent-light); color: var(--accent); border: 1.5px solid rgba(0,81,204,.2); }\n .pb-35mm { background: var(--accent2-light); color: var(--accent2); border: 1.5px solid rgba(0,168,120,.2); }\n .port-sub { font-size: 10px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--light); }\n\n .diag-arrow {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n }\n .arrow-track {\n width: 36px;\n height: 2px;\n background: linear-gradient(90deg, rgba(0,81,204,.3), rgba(0,81,204,.7));\n border-radius: 1px;\n position: relative;\n }\n .arrow-track::after {\n content: '▶';\n position: absolute;\n right: -10px;\n top: -7px;\n font-size: 10px;\n color: var(--accent);\n }\n\n .diag-split {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .hero-pills {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n }\n .hero-pills span {\n background: var(--surface);\n border: 1.5px solid var(--border);\n color: var(--muted);\n font-size: 12px;\n font-weight: 600;\n padding: 5px 14px;\n border-radius: 100px;\n box-shadow: 0 1px 3px var(--shadow-sm);\n }\n\n \/* ─── LAYOUT ─── *\/\n .wrap { max-width: 1080px; margin: 0 auto; padding: 52px 24px; }\n\n .sec-head { margin-bottom: 28px; }\n .sec-title {\n font-family: 'Lora', serif;\n font-size: clamp(1.4rem, 3.8vw, 2.1rem);\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 8px;\n }\n .sec-title span { color: var(--accent); }\n .bar { width: 42px; height: 3px; border-radius: 2px; }\n .bar-blue { background: linear-gradient(90deg, var(--accent), #60a5fa); }\n .bar-green { background: linear-gradient(90deg, var(--accent2), #6ee7b7); }\n .bar-purp { background: linear-gradient(90deg, var(--accent3), #c4b5fd); }\n .bar-warn { background: linear-gradient(90deg, var(--warning), #fcd34d); }\n\n \/* ─── STAT ROW ─── *\/\n .stat-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n gap: 12px;\n margin-bottom: 0;\n }\n .stat-box {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 14px;\n padding: 22px 12px;\n text-align: center;\n transition: box-shadow .2s, transform .2s;\n }\n .stat-box:hover { box-shadow: 0 6px 20px var(--shadow-md); transform: translateY(-2px); }\n .stat-num {\n font-family: 'Lora', serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--accent);\n line-height: 1;\n margin-bottom: 5px;\n }\n .stat-lbl {\n font-size: 10.5px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--light);\n }\n\n \/* ─── FEATURE GRID ─── *\/\n .feat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));\n gap: 16px;\n }\n .feat-card {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 28px 22px;\n box-shadow: 0 2px 10px var(--shadow-sm);\n transition: box-shadow .25s, transform .25s;\n position: relative;\n overflow: hidden;\n }\n .feat-card:hover {\n box-shadow: 0 10px 32px var(--shadow-md);\n transform: translateY(-4px);\n }\n .strip {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n border-radius: 18px 18px 0 0;\n }\n .s-blue { background: linear-gradient(90deg, var(--accent), #60a5fa); }\n .s-green { background: linear-gradient(90deg, var(--accent2), #6ee7b7); }\n .s-purp { background: linear-gradient(90deg, var(--accent3), #c4b5fd); }\n .s-warn { background: linear-gradient(90deg, var(--warning), #fcd34d); }\n\n .feat-icon {\n width: 48px; height: 48px;\n border-radius: 13px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n margin-bottom: 16px;\n margin-top: 8px;\n }\n .fi-blue { background: var(--accent-light); }\n .fi-green { background: var(--accent2-light); }\n .fi-purp { background: var(--accent3-light); }\n .fi-warn { background: var(--warning-light); }\n\n .feat-card h3 { font-size: 15.5px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }\n .feat-card p { font-size: 13.5px; color: var(--muted); line-height: 1.68; }\n\n \/* ─── HOW IT WORKS ─── *\/\n .hiw-wrap {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 20px;\n padding: 36px 32px;\n position: relative;\n overflow: hidden;\n }\n .hiw-wrap::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 60% 50% at 100% 0%, rgba(0,81,204,.05) 0%, transparent 60%);\n pointer-events: none;\n }\n .hiw-title {\n font-family: 'Lora', serif;\n font-size: clamp(1.2rem, 3vw, 1.7rem);\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 4px;\n }\n .hiw-sub { font-size: 13.5px; color: var(--light); margin-bottom: 32px; }\n\n .steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n .step { text-align: center; }\n .step-num {\n width: 42px; height: 42px;\n border-radius: 50%;\n background: var(--accent-light);\n border: 1.5px solid rgba(0,81,204,.2);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Lora', serif;\n font-size: 1rem;\n font-weight: 700;\n color: var(--accent);\n margin: 0 auto 12px;\n }\n .step h4 { font-size: 13.5px; font-weight: 700; color: var(--ink); margin-bottom: 6px; }\n .step p { font-size: 12.5px; color: var(--muted); line-height: 1.6; }\n\n \/* ─── USE CASES ─── *\/\n .use-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n }\n .use-card {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 14px;\n padding: 22px 16px;\n text-align: center;\n transition: border-color .2s, box-shadow .2s, transform .2s;\n }\n .use-card:hover {\n border-color: rgba(0,81,204,.25);\n box-shadow: 0 4px 16px var(--shadow-md);\n transform: translateY(-2px);\n }\n .use-emoji { font-size: 28px; margin-bottom: 10px; }\n .use-card h4 { font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 4px; }\n .use-card p { font-size: 12px; color: var(--muted); line-height: 1.55; }\n\n \/* ─── SPEC TABLE ─── *\/\n .spec-wrap {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 2px 14px var(--shadow-sm);\n }\n .spec-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n .spec-table tr { border-bottom: 1px solid var(--border); }\n .spec-table tr:last-child { border-bottom: none; }\n .spec-table td { padding: 15px 22px; vertical-align: top; }\n .spec-table td:first-child {\n font-weight: 600;\n color: var(--muted);\n background: var(--surface);\n width: 36%;\n }\n .spec-table td:last-child { color: var(--ink); font-weight: 500; }\n\n \/* ─── COMPAT ─── *\/\n .compat-wrap {\n border-radius: 16px;\n padding: 20px 24px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 14px;\n margin-bottom: 14px;\n }\n .cw-blue { background: var(--accent-light); border: 1.5px solid rgba(0,81,204,.15); }\n .cw-green { background: var(--accent2-light); border: 1.5px solid rgba(0,168,120,.15); }\n .compat-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n flex-shrink: 0;\n min-width: 90px;\n }\n .cl-blue { color: var(--accent); }\n .cl-green { color: var(--accent2); }\n .compat-pills { display: flex; flex-wrap: wrap; gap: 8px; }\n .compat-pills span {\n background: #fff;\n border: 1px solid var(--border);\n font-size: 12.5px;\n font-weight: 600;\n color: var(--muted);\n padding: 4px 13px;\n border-radius: 100px;\n }\n\n \/* ─── POLICY ─── *\/\n .policy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n }\n .policy-card {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 28px 24px;\n box-shadow: 0 2px 12px var(--shadow-sm);\n }\n .policy-card h3 {\n font-size: 15.5px;\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .p-icon {\n width: 34px; height: 34px;\n border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n font-size: 17px;\n flex-shrink: 0;\n }\n .pi-blue { background: var(--accent-light); }\n .pi-green { background: var(--accent2-light); }\n .policy-card p { font-size: 13.5px; color: var(--muted); line-height: 1.72; }\n\n \/* ─── DIVIDER ─── *\/\n .divider { border: none; border-top: 1px solid var(--border); margin: 0 24px; }\n\n \/* ─── FOOTER ─── *\/\n .prod-footer {\n background: var(--ink);\n padding: 28px 24px;\n text-align: center;\n }\n .prod-footer p { font-size: 12.5px; color: rgba(255,255,255,.3); }\n .prod-footer strong { color: rgba(255,255,255,.6); }\n\n \/* ─── RESPONSIVE ─── *\/\n @media (max-width: 600px) {\n .hero { padding: 50px 16px 44px; }\n .wrap { padding-left: 16px; padding-right: 16px; }\n .stat-row { grid-template-columns: repeat(2, 1fr); }\n .spec-table td:first-child { width: auto; }\n .hiw-wrap { padding: 26px 18px; }\n .diagram { padding: 14px 16px; gap: 10px; }\n }\n\u003c\/style\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv class=\"model-chip\"\u003e\n\u003cspan class=\"chip-pulse\"\u003e\u003c\/span\u003eModel ADP03-2IN1  ·  USB-C Adapter  ·  12-Month Warranty\u003c\/div\u003e\n\u003ch1\u003eUSB-C to\u003cbr\u003e\u003cspan class=\"hl-blue\"\u003eUSB-C\u003c\/span\u003e \u0026amp; \u003cspan class=\"hl-green\"\u003e3.5mm\u003c\/span\u003e\u003cbr\u003eAdapter\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eCharge your device and listen to audio at the same time — one adapter, two connections, total freedom.\u003c\/p\u003e\n\u003c!-- Connector Diagram --\u003e\n\u003cdiv class=\"diagram\"\u003e\n\u003cdiv class=\"diag-port\"\u003e\n\u003cdiv class=\"port-badge pb-usbc-in\"\u003eUSB-C Male\u003c\/div\u003e\n\u003cdiv class=\"port-sub\"\u003eInput\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diag-arrow\"\u003e\n\u003cdiv class=\"arrow-track\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diag-split\"\u003e\n\u003cdiv class=\"diag-port\"\u003e\n\u003cdiv class=\"port-badge pb-usbc-out\"\u003eUSB-C Female ⚡\u003c\/div\u003e\n\u003cdiv class=\"port-sub\"\u003eCharging — 2A\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diag-port\"\u003e\n\u003cdiv class=\"port-badge pb-35mm\"\u003e3.5mm Female 🎵\u003c\/div\u003e\n\u003cdiv class=\"port-sub\"\u003eAudio Output\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-pills\"\u003e\n\u003cspan\u003eCharge \u0026amp; Listen Simultaneously\u003c\/span\u003e \u003cspan\u003e2A Charging\u003c\/span\u003e \u003cspan\u003eVolume Control Support\u003c\/span\u003e \u003cspan\u003eCalls \u0026amp; Music\u003c\/span\u003e \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e \u003cspan\u003e3.5mm Headphone Jack\u003c\/span\u003e \u003cspan\u003eUSB-C Devices\u003c\/span\u003e \u003cspan\u003eNo Setup Required\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- QUICK STATS --\u003e\n\u003cdiv style=\"padding-bottom: 0;\" class=\"wrap\"\u003e\n\u003cdiv class=\"stat-row\"\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e2-in-1\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eOutputs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e2A\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eCharge Speed\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e3.5mm\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eAudio Jack\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eVol\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eControl\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e12M\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eWarranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- KEY FEATURES --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003eKey \u003cspan\u003eFeatures\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-grid\"\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-blue\"\u003e⚡🎵\u003c\/div\u003e\n\u003ch3\u003eCharge \u0026amp; Listen Simultaneously\u003c\/h3\u003e\n\u003cp\u003eThe ADP03-2IN1's core function — use your 3.5mm wired headphones or speakers while charging your device at the same time. No more unplugging your charger just to listen to audio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-green\"\u003e🎛️\u003c\/div\u003e\n\u003ch3\u003eVolume Control Support\u003c\/h3\u003e\n\u003cp\u003eFully supports in-line volume control and playback buttons on compatible headphones — adjust volume, skip tracks, and manage calls directly from your headphone cable without touching your device.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-purp\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-purp\"\u003e📞\u003c\/div\u003e\n\u003ch3\u003eCalls \u0026amp; Music Ready\u003c\/h3\u003e\n\u003cp\u003eEngineered for both voice calls and music playback. The adapter preserves full audio quality through the 3.5mm port while your device charges — ideal for phone calls, video calls, podcasts and streaming.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cdiv class=\"strip s-warn\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-icon fi-warn\"\u003e🔌\u003c\/div\u003e\n\u003ch3\u003ePlug \u0026amp; Play — Instant Setup\u003c\/h3\u003e\n\u003cp\u003eNo apps, drivers, or configuration needed. Simply connect the USB-C male end to your device, plug in your headphones and charger, and you're ready to go — works immediately out of the box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"hiw-wrap\"\u003e\n\u003cdiv class=\"hiw-title\"\u003eHow It Works\u003c\/div\u003e\n\u003cdiv class=\"hiw-sub\"\u003eThree steps to simultaneous audio and charging\u003c\/div\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003ePlug Into Device\u003c\/h4\u003e\n\u003cp\u003eConnect the USB-C male end of the adapter into your device's USB-C port.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eConnect Headphones\u003c\/h4\u003e\n\u003cp\u003ePlug your 3.5mm wired headphones or earphones into the 3.5mm female port for audio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eCharge Simultaneously\u003c\/h4\u003e\n\u003cp\u003eConnect your USB-C charger to the USB-C female port and charge at up to 2A — all at once.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- USE CASES --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003ePerfect \u003cspan\u003eFor\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-grid\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e🎵\u003c\/div\u003e\n\u003ch4\u003eMusic Lovers\u003c\/h4\u003e\n\u003cp\u003eEnjoy wired audio quality while keeping your battery topped up.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e📞\u003c\/div\u003e\n\u003ch4\u003eHands-Free Calls\u003c\/h4\u003e\n\u003cp\u003eTake calls clearly on wired headphones with mic support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e🎮\u003c\/div\u003e\n\u003ch4\u003eMobile Gaming\u003c\/h4\u003e\n\u003cp\u003eGame with low-latency wired audio without draining your battery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e💼\u003c\/div\u003e\n\u003ch4\u003eWork \u0026amp; Study\u003c\/h4\u003e\n\u003cp\u003eStay plugged in for video calls and meetings all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-emoji\"\u003e✈️\u003c\/div\u003e\n\u003ch4\u003eTravel\u003c\/h4\u003e\n\u003cp\u003eUse in-flight entertainment headphones while your device charges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- COMPATIBILITY --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003eDevice \u003cspan\u003eCompatibility\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-purp\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compat-wrap cw-blue\"\u003e\n\u003cspan class=\"compat-label cl-blue\"\u003eUSB-C Devices\u003c\/span\u003e\n\u003cdiv class=\"compat-pills\"\u003e\n\u003cspan\u003eSamsung Galaxy S series\u003c\/span\u003e \u003cspan\u003eGoogle Pixel\u003c\/span\u003e \u003cspan\u003eOnePlus\u003c\/span\u003e \u003cspan\u003eHuawei\u003c\/span\u003e \u003cspan\u003eSony Xperia\u003c\/span\u003e \u003cspan\u003eiPad Pro (USB-C)\u003c\/span\u003e \u003cspan\u003eLaptops (USB-C)\u003c\/span\u003e \u003cspan\u003eAndroid tablets\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compat-wrap cw-green\"\u003e\n\u003cspan class=\"compat-label cl-green\"\u003eAudio Devices\u003c\/span\u003e\n\u003cdiv class=\"compat-pills\"\u003e\n\u003cspan\u003e3.5mm headphones\u003c\/span\u003e \u003cspan\u003e3.5mm earphones\u003c\/span\u003e \u003cspan\u003eIn-line mic headsets\u003c\/span\u003e \u003cspan\u003eVolume control cables\u003c\/span\u003e \u003cspan\u003e3.5mm speakers\u003c\/span\u003e \u003cspan\u003eIn-flight headphones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003eProduct \u003cspan\u003eSpecifications\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-warn\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-wrap\"\u003e\n\u003ctable class=\"spec-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003eUSB-C to USB-C \u0026amp; 3.5mm Adapter\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP03-2IN1\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInput Connector\u003c\/td\u003e\n\u003ctd\u003eUSB-C Male\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOutput 1\u003c\/td\u003e\n\u003ctd\u003eUSB-C Female — Charging (2A)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOutput 2\u003c\/td\u003e\n\u003ctd\u003e3.5mm Female — Audio\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCharging Output\u003c\/td\u003e\n\u003ctd\u003e2A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAudio Support\u003c\/td\u003e\n\u003ctd\u003eCalls \u0026amp; Music playback\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolume Control\u003c\/td\u003e\n\u003ctd\u003eSupported\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSetup Required\u003c\/td\u003e\n\u003ctd\u003eNo — Plug \u0026amp; Play\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSimultaneous Use\u003c\/td\u003e\n\u003ctd\u003eYes — Audio \u0026amp; Charging at the same time\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- WARRANTY \u0026 RETURNS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"sec-head\"\u003e\n\u003cdiv class=\"sec-title\"\u003eWarranty \u003cspan\u003e\u0026amp; Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar bar-green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"policy-grid\"\u003e\n\u003cdiv class=\"policy-card\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"p-icon pi-blue\"\u003e🛡️\u003c\/span\u003e 12-Month Warranty\u003c\/h3\u003e\n\u003cp\u003eThe ADP03-2IN1 is covered by a 12-month manufacturer's warranty against defects in materials and workmanship that result in product failure or malfunction under normal use conditions. The warranty does not cover damage caused by accidents, liquid ingress, misuse, or any unauthorised modifications to the product.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"policy-card\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"p-icon pi-green\"\u003e↩️\u003c\/span\u003e 14-Day Returns\u003c\/h3\u003e\n\u003cp\u003eWe accept returns within 14 days of purchase. The item must be returned in the same condition as received, in its original packaging with all accessories and documentation included. To initiate a return, please contact our customer service team with your order details. Refunds are processed to your original payment method once the item has been received and inspected.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FOOTER --\u003e\n\u003cdiv class=\"prod-footer\"\u003e\n\u003cp\u003e\u003cstrong\u003eUSB-C to USB-C \u0026amp; 3.5mm Adapter\u003c\/strong\u003e · Model ADP03-2IN1 · Charge 2A \u0026amp; Audio Simultaneously · Volume Control · 12-Month Warranty · 14-Day Returns\u003c\/p\u003e\n\u003c\/div\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49349400068441,"sku":null,"price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/FBD6E303-0A48-4894-8E83-327C4F84406F.jpg?v=1726950539"},{"product_id":"8-pin-usb-a-3-5mm-audio-cable-charge-music-1-2m-nylon-ax03cn1m","title":"8-Pin to USB-A \u0026 3.5mm Audio Cable | 2-in-1 Charge + Play Music | 1.2m Nylon Braided | Aluminium Alloy Connectors | Car Aux Compatible | iPhone iPad | AX03CN1M","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"8-Pin to USB-A and 3.5mm Audio Cable. Charge and play music simultaneously. 1.2m nylon braided with aluminium alloy connectors. Perfect for car audio.\"\u003e\n \u003ctitle\u003e8-Pin to USB-A \u0026amp; 3.5mm Cable | Charge + Audio | 1.2m Nylon Braided\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n min-height: 100vh;\n }\n\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Hero Section - Music\/Audio Orange Theme *\/\n .hero-section {\n background: linear-gradient(145deg, #fff7ed 0%, #ffedd5 50%, #fed7aa 100%);\n border-radius: 32px;\n padding: 55px 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 1px solid #fdba74;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(249,115,22,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(234,88,12,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #f97316, #ea580c);\n color: #fff;\n padding: 10px 26px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 11px;\n margin-bottom: 22px;\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n z-index: 1;\n box-shadow: 0 4px 20px rgba(249,115,22,0.4);\n }\n\n .hero-title {\n color: #0f172a;\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n line-height: 1.15;\n letter-spacing: -0.5px;\n }\n\n .hero-title span {\n background: linear-gradient(135deg, #f97316, #ea580c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-tagline {\n color: #64748b;\n font-size: 17px;\n margin-bottom: 35px;\n position: relative;\n z-index: 1;\n font-weight: 400;\n }\n\n .hero-features {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n position: relative;\n z-index: 1;\n }\n\n .hero-feature {\n background: #fff;\n border: 2px solid #fdba74;\n border-radius: 18px;\n padding: 20px 28px;\n text-align: center;\n min-width: 130px;\n box-shadow: 0 4px 15px rgba(249,115,22,0.1);\n transition: all 0.3s ease;\n }\n\n .hero-feature:hover {\n border-color: #f97316;\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(249,115,22,0.2);\n }\n\n .hero-feature-value {\n font-size: 24px;\n font-weight: 800;\n color: #0f172a;\n line-height: 1;\n margin-bottom: 6px;\n }\n\n .hero-feature-value.gradient {\n background: linear-gradient(135deg, #f97316, #ea580c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-feature-label {\n font-size: 10px;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* 2-in-1 Section *\/\n .dual-function-section {\n background: linear-gradient(135deg, #9a3412 0%, #c2410c 50%, #ea580c 100%);\n border-radius: 26px;\n padding: 45px;\n margin-bottom: 26px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 50px rgba(194,65,12,0.35);\n }\n\n .dual-function-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .dual-header {\n text-align: center;\n margin-bottom: 30px;\n }\n\n .dual-header h2 {\n color: #fff;\n font-size: 26px;\n font-weight: 800;\n margin-bottom: 10px;\n }\n\n .dual-header p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n }\n\n .functions-grid {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 25px;\n align-items: center;\n }\n\n .function-card {\n background: rgba(255,255,255,0.1);\n border: 2px solid rgba(255,255,255,0.2);\n border-radius: 20px;\n padding: 30px 25px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .function-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n }\n\n .function-icon {\n font-size: 45px;\n margin-bottom: 15px;\n }\n\n .function-name {\n color: #fff;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .function-desc {\n color: rgba(255,255,255,0.75);\n font-size: 13px;\n line-height: 1.5;\n }\n\n .function-connector {\n background: rgba(255,255,255,0.15);\n border-radius: 12px;\n padding: 12px 18px;\n margin-top: 15px;\n display: inline-block;\n }\n\n .function-connector span {\n color: #fff;\n font-size: 12px;\n font-weight: 600;\n }\n\n .plus-sign {\n font-size: 40px;\n color: rgba(255,255,255,0.5);\n font-weight: 300;\n }\n\n \/* Perfect For Section *\/\n .perfect-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .section-title {\n font-size: 22px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-title::before {\n content: '';\n width: 5px;\n height: 26px;\n background: linear-gradient(180deg, #f97316, #ea580c);\n border-radius: 3px;\n }\n\n .section-title.centered {\n justify-content: center;\n }\n\n .section-title.centered::before {\n display: none;\n }\n\n .perfect-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .perfect-badge {\n background: linear-gradient(145deg, #fff7ed, #fff);\n border: 1px solid #fed7aa;\n border-radius: 50px;\n padding: 12px 22px;\n font-size: 14px;\n color: #c2410c;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n }\n\n .perfect-badge:hover {\n border-color: #f97316;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(249,115,22,0.15);\n }\n\n .perfect-badge span {\n font-size: 18px;\n }\n\n \/* Cable Specs Section *\/\n .cable-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .cable-visual {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 30px;\n flex-wrap: wrap;\n margin-top: 25px;\n }\n\n .cable-spec-box {\n background: linear-gradient(145deg, #fff7ed, #fff);\n border: 2px solid #fed7aa;\n border-radius: 18px;\n padding: 25px 35px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .cable-spec-box:hover {\n border-color: #f97316;\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(249,115,22,0.12);\n }\n\n .cable-spec-value {\n font-size: 28px;\n font-weight: 800;\n background: linear-gradient(135deg, #f97316, #ea580c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n margin-bottom: 8px;\n }\n\n .cable-spec-label {\n font-size: 11px;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .feature-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .feature-card:hover {\n border-color: #f97316;\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(249,115,22,0.12);\n }\n\n .feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin: 0 auto 12px;\n background: linear-gradient(135deg, #fff7ed, #ffedd5);\n }\n\n .feature-title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 4px;\n }\n\n .feature-desc {\n font-size: 11px;\n color: #64748b;\n line-height: 1.4;\n }\n\n \/* Specifications *\/\n .specs-section {\n background: linear-gradient(145deg, #fff7ed, #fff);\n border: 1px solid #fed7aa;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .spec-group {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n padding: 20px;\n }\n\n .spec-group-title {\n font-size: 11px;\n color: #f97316;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 14px;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff7ed;\n font-weight: 700;\n }\n\n .spec-item {\n display: flex;\n justify-content: space-between;\n padding: 7px 0;\n font-size: 13px;\n }\n\n .spec-item span:first-child {\n color: #64748b;\n }\n\n .spec-item span:last-child {\n color: #0f172a;\n font-weight: 600;\n }\n\n \/* Warranty *\/\n .warranty-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n gap: 18px;\n margin-bottom: 26px;\n }\n\n .warranty-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 20px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .warranty-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n }\n\n .warranty-card.orange::before {\n background: linear-gradient(90deg, #f97316, #fb923c);\n }\n\n .warranty-card.gray::before {\n background: linear-gradient(90deg, #94a3b8, #cbd5e1);\n }\n\n .warranty-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .warranty-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n\n .warranty-icon.orange { background: linear-gradient(135deg, #ffedd5, #fed7aa); }\n .warranty-icon.gray { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }\n\n .warranty-title {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .warranty-text {\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n\n .warranty-badge {\n display: inline-block;\n background: linear-gradient(135deg, #f97316, #ea580c);\n color: #fff;\n padding: 7px 18px;\n border-radius: 22px;\n font-weight: 600;\n font-size: 12px;\n margin-top: 16px;\n }\n\n \/* Package *\/\n .package-section {\n background: linear-gradient(135deg, #9a3412, #c2410c);\n border-radius: 24px;\n padding: 35px;\n text-align: center;\n color: #fff;\n box-shadow: 0 15px 50px rgba(194,65,12,0.35);\n }\n\n .package-section .section-title {\n color: #fff;\n justify-content: center;\n }\n\n .package-section .section-title::before {\n background: linear-gradient(180deg, #fdba74, #fed7aa);\n }\n\n .package-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 22px;\n }\n\n .package-item {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .functions-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .plus-sign {\n display: none;\n }\n\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .product-container { padding: 15px; }\n .hero-section { padding: 40px 25px; }\n .hero-features { gap: 12px; }\n .hero-feature { min-width: 110px; padding: 16px 22px; }\n .hero-feature-value { font-size: 20px; }\n \n .dual-function-section { padding: 30px 22px; }\n .dual-header h2 { font-size: 22px; }\n \n .cable-visual { gap: 15px; }\n .cable-spec-box { padding: 20px 28px; }\n .cable-spec-value { font-size: 24px; }\n \n .perfect-section, .cable-section, .specs-section, .package-section { padding: 28px 20px; }\n .warranty-card { padding: 24px 20px; }\n }\n\n @media (max-width: 480px) {\n .hero-title { font-size: 24px; }\n .hero-features { flex-direction: column; align-items: center; }\n .hero-feature { width: 100%; max-width: 160px; }\n \n .cable-visual { flex-direction: column; }\n \n .features-grid { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cspan class=\"hero-badge\"\u003e🎵 2-in-1 Cable\u003c\/span\u003e\n \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003e8-Pin\u003c\/span\u003e to USB-A \u0026amp; 3.5mm Cable\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eCharge + Play Audio • 1.2m Nylon Braided • Premium Build\u003c\/p\u003e\n \u003cdiv class=\"hero-features\"\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value gradient\"\u003e2-in-1\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eFunction\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e1.2m\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eLength\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003eNylon\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eBraided\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2-in-1 Function Section --\u003e\n \u003cdiv class=\"dual-function-section\"\u003e\n \u003cdiv class=\"dual-header\"\u003e\n \u003ch2\u003eCharge \u0026amp; Listen Simultaneously\u003c\/h2\u003e\n \u003cp\u003eNo more choosing between charging your phone and playing music through your car stereo\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"functions-grid\"\u003e\n \u003cdiv class=\"function-card\"\u003e\n \u003cdiv class=\"function-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3 class=\"function-name\"\u003eCharge\u003c\/h3\u003e\n \u003cp class=\"function-desc\"\u003eKeep your device powered while you drive or work\u003c\/p\u003e\n \u003cdiv class=\"function-connector\"\u003e\n \u003cspan\u003eUSB-A → 8-Pin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cspan class=\"plus-sign\"\u003e+\u003c\/span\u003e\n \u003cdiv class=\"function-card\"\u003e\n \u003cdiv class=\"function-icon\"\u003e🎵\u003c\/div\u003e\n \u003ch3 class=\"function-name\"\u003eAudio\u003c\/h3\u003e\n \u003cp class=\"function-desc\"\u003eStream music through any 3.5mm aux input\u003c\/p\u003e\n \u003cdiv class=\"function-connector\"\u003e\n \u003cspan\u003e3.5mm → 8-Pin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Perfect For Section --\u003e\n \u003cdiv class=\"perfect-section\"\u003e\n \u003ch2 class=\"section-title centered\"\u003ePerfect For\u003c\/h2\u003e\n \u003cdiv class=\"perfect-grid\"\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e🚗\u003c\/span\u003e Car Audio Systems\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e🔊\u003c\/span\u003e Home Speakers\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e🎧\u003c\/span\u003e Headphone Amps\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e📻\u003c\/span\u003e Portable Radios\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e🎹\u003c\/span\u003e Music Equipment\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e📱\u003c\/span\u003e iPhone \/ iPad\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Cable Specs Section --\u003e\n \u003cdiv class=\"cable-section\"\u003e\n \u003ch2 class=\"section-title centered\"\u003ePremium Build Quality\u003c\/h2\u003e\n \u003cdiv class=\"cable-visual\"\u003e\n \u003cdiv class=\"cable-spec-box\"\u003e\n \u003cdiv class=\"cable-spec-value\"\u003e1.2m\u003c\/div\u003e\n \u003cdiv class=\"cable-spec-label\"\u003eCable Length\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cable-spec-box\"\u003e\n \u003cdiv class=\"cable-spec-value\"\u003eNylon\u003c\/div\u003e\n \u003cdiv class=\"cable-spec-label\"\u003eBraided Sleeve\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cable-spec-box\"\u003e\n \u003cdiv class=\"cable-spec-value\"\u003eAlloy\u003c\/div\u003e\n \u003cdiv class=\"cable-spec-label\"\u003eAluminium Connectors\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Grid --\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e2-in-1\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eCharge + Audio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eNylon Braided\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eTangle-free\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔩\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eAluminium\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003ePremium connectors\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e1.2m Length\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003ePerfect reach\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specifications --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eModel\u003c\/span\u003e\n \u003cspan\u003eAX03CN1M\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eType\u003c\/span\u003e\n \u003cspan\u003e2-in-1 Cable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eConnectors\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eDevice End\u003c\/span\u003e\n \u003cspan\u003e8-Pin (Lightning)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003ePower End\u003c\/span\u003e\n \u003cspan\u003eUSB-A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eAudio End\u003c\/span\u003e\n \u003cspan\u003e3.5mm AUX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eCable\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eLength\u003c\/span\u003e\n \u003cspan\u003e1.2m\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMaterial\u003c\/span\u003e\n \u003cspan\u003eNylon Braided\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eBuild\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eConnectors\u003c\/span\u003e\n \u003cspan\u003eAluminium Alloy\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty --\u003e\n \u003cdiv class=\"warranty-section\"\u003e\n \u003cdiv class=\"warranty-card orange\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon orange\"\u003e✓\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"warranty-card gray\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Package --\u003e\n \u003cdiv class=\"package-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n \u003cdiv class=\"package-items\"\u003e\n \u003cspan class=\"package-item\"\u003e🔌 1 x 8-Pin to USB-A \u0026amp; 3.5mm Cable (1.2m)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49349514658137,"sku":null,"price":19.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/97A6FE28-74FD-4C7E-998C-D5818DC2987F.png?v=1726950945"},{"product_id":"8-pin-to-dual-8-pin-adapter-audio-charging-adp06-2in1","title":"8-PIN to Dual 8-PIN Adapter | Audio \u0026 Charging Simultaneously | 2-in-1 Splitter | Wired Headphones \u0026 Charger at Once | Plug \u0026 Play | Compatible with iPhone \u0026 iPad | Model ADP06-2IN1","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003e8-PIN to Dual 8-PIN Adapter | Audio \u0026amp; Charging Simultaneously | Model ADP06-2IN1 | 12 Month Warranty\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:wght@600;700;800\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --surface: #f7f8fa;\n --surface2: #eef0f5;\n --card: #ffffff;\n --border: #e2e5ee;\n --shadow-sm: rgba(10,15,40,.05);\n --shadow-md: rgba(10,15,40,.10);\n --ink: #0d1117;\n --muted: #4a5068;\n --light: #8b93ad;\n --accent: #d97706;\n --accent-light: #fffbeb;\n --accent-mid: #b45309;\n --silver: #374151;\n --silver-light: #f3f4f6;\n --blue: #1d4ed8;\n --blue-light: #eff6ff;\n --green: #15803d;\n --green-light: #f0fdf4;\n --slate: #334155;\n --slate-light: #f8fafc;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--ink);\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ─── HERO ─── *\/\n .hero {\n background: linear-gradient(145deg, #1a1f2e 0%, #252c3e 60%, #1e2535 100%);\n padding: 70px 24px 60px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 60% 50% at 10% 60%, rgba(217,119,6,.13) 0%, transparent 60%),\n radial-gradient(ellipse 50% 40% at 90% 30%, rgba(29,78,216,.12) 0%, transparent 60%),\n radial-gradient(ellipse 40% 30% at 50% 100%, rgba(255,255,255,.04) 0%, transparent 50%);\n pointer-events: none;\n }\n \/* decorative connector lines *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n repeating-linear-gradient(\n 90deg,\n rgba(255,255,255,.025) 0px,\n rgba(255,255,255,.025) 1px,\n transparent 1px,\n transparent 80px\n );\n pointer-events: none;\n }\n\n .hero-inner { position: relative; z-index: 2; }\n\n .hero-chip {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border: 1px solid rgba(255,255,255,.14);\n background: rgba(255,255,255,.07);\n backdrop-filter: blur(10px);\n color: rgba(255,255,255,.78);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n padding: 6px 18px;\n border-radius: 100px;\n margin-bottom: 26px;\n }\n .chip-dot {\n width: 6px; height: 6px;\n background: #fbbf24;\n border-radius: 50%;\n box-shadow: 0 0 8px #fbbf24;\n }\n\n .hero h1 {\n font-family: 'Fraunces', serif;\n font-size: clamp(2rem, 6vw, 4rem);\n font-weight: 800;\n color: #fff;\n line-height: 1.06;\n letter-spacing: -0.5px;\n margin-bottom: 14px;\n }\n .hero h1 .hl { color: #fbbf24; }\n\n .hero-sub {\n font-size: clamp(13.5px, 2vw, 15.5px);\n color: rgba(255,255,255,.55);\n max-width: 500px;\n margin: 0 auto 34px;\n font-weight: 400;\n }\n\n \/* connector visual *\/\n .connector-visual {\n display: inline-flex;\n align-items: center;\n gap: 0;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 14px;\n padding: 14px 24px;\n margin-bottom: 28px;\n gap: 12px;\n }\n .conn-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n }\n .conn-pin {\n background: rgba(255,255,255,.15);\n border: 1px solid rgba(255,255,255,.2);\n border-radius: 6px;\n padding: 6px 14px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n color: #fbbf24;\n }\n .conn-label { font-size: 10px; color: rgba(255,255,255,.4); font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }\n .conn-arrow {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 0 4px;\n }\n .arrow-line {\n width: 40px;\n height: 2px;\n background: linear-gradient(90deg, rgba(251,191,36,.4), rgba(251,191,36,.8));\n border-radius: 1px;\n position: relative;\n }\n .arrow-line::after {\n content: '›';\n position: absolute;\n right: -8px;\n top: -10px;\n color: #fbbf24;\n font-size: 14px;\n }\n .dual-right {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .hero-pills {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n }\n .hero-pills span {\n background: rgba(255,255,255,.07);\n border: 1px solid rgba(255,255,255,.13);\n color: rgba(255,255,255,.72);\n font-size: 12px;\n font-weight: 500;\n padding: 5px 14px;\n border-radius: 100px;\n }\n\n \/* ─── LAYOUT ─── *\/\n .wrap { max-width: 1080px; margin: 0 auto; padding: 52px 24px; }\n\n .sec-head { margin-bottom: 28px; }\n .sec-title {\n font-family: 'Fraunces', serif;\n font-size: clamp(1.4rem, 3.8vw, 2.2rem);\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 8px;\n }\n .sec-title span { color: var(--accent); }\n .bar { width: 42px; height: 3px; border-radius: 2px; }\n .bar-gold { background: linear-gradient(90deg, var(--accent), #fbbf24); }\n .bar-blue { background: linear-gradient(90deg, var(--blue), #60a5fa); }\n .bar-green { background: linear-gradient(90deg, var(--green), #4ade80); }\n .bar-slate { background: linear-gradient(90deg, var(--slate), #94a3b8); }\n\n \/* ─── STAT ROW ─── *\/\n .stat-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n gap: 12px;\n margin-bottom: 0;\n }\n .stat-box {\n background: var(--surface);\n border: 1.5px solid var(--border);\n border-radius: 14px;\n padding: 22px 12px;\n text-align: center;\n transition: box-shadow .2s, transform .2s;\n }\n .stat-box:hover { box-shadow: 0 6px 20px var(--shadow-md); transform: translateY(-2px); }\n .stat-num {\n font-family: 'Fraunces', serif;\n font-size: 1.85rem;\n font-weight: 700;\n color: var(--accent);\n line-height: 1;\n margin-bottom: 5px;\n }\n .stat-lbl {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--light);\n }\n\n \/* ─── FEATURE GRID ─── *\/\n .feat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));\n gap: 16px;\n }\n .feat-card {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 28px 22px;\n box-shadow: 0 2px 12px var(--shadow-sm);\n transition: box-shadow .25s, transform .25s;\n position: relative;\n overflow: hidden;\n }\n .feat-card:hover {\n box-shadow: 0 10px 32px var(--shadow-md);\n transform: translateY(-4px);\n }\n .feat-card .strip {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n border-radius: 18px 18px 0 0;\n }\n .s-gold { background: linear-gradient(90deg, var(--accent-mid), #fbbf24); }\n .s-blue { background: linear-gradient(90deg, var(--blue), #60a5fa); }\n .s-green { background: linear-gradient(90deg, var(--green), #4ade80); }\n .s-slate { background: linear-gradient(90deg, var(--slate), #94a3b8); }\n\n .feat-icon {\n width: 48px; height: 48px;\n border-radius: 13px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px;\n margin-bottom: 16px;\n margin-top: 8px;\n }\n .fi-gold { background: var(--accent-light); }\n .fi-blue { background: var(--blue-light); }\n .fi-green { background: var(--green-light); }\n .fi-slate { background: var(--slate-light); }\n\n .feat-card h3 { font-size: 15.5px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }\n .feat-card p { font-size: 13.5px; color: var(--muted); line-height: 1.68; }\n\n \/* ─── HOW IT WORKS ─── *\/\n .how-wrap {\n background: linear-gradient(135deg, #1a1f2e, #252c3e);\n border-radius: 20px;\n padding: 40px 32px;\n position: relative;\n overflow: hidden;\n }\n .how-wrap::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 70% 60% at 80% 50%, rgba(217,119,6,.1) 0%, transparent 65%);\n pointer-events: none;\n }\n .how-wrap .hw-title {\n font-family: 'Fraunces', serif;\n font-size: clamp(1.2rem, 3vw, 1.7rem);\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n }\n .how-wrap .hw-sub { font-size: 13.5px; color: rgba(255,255,255,.5); margin-bottom: 32px; }\n\n .steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n .step {\n text-align: center;\n }\n .step-num {\n width: 42px; height: 42px;\n border-radius: 50%;\n background: rgba(251,191,36,.15);\n border: 1.5px solid rgba(251,191,36,.3);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Fraunces', serif;\n font-size: 1.1rem;\n font-weight: 700;\n color: #fbbf24;\n margin: 0 auto 12px;\n }\n .step h4 { font-size: 13.5px; font-weight: 700; color: rgba(255,255,255,.9); margin-bottom: 6px; }\n .step p { font-size: 12.5px; color: rgba(255,255,255,.45); line-height: 1.6; }\n\n \/* ─── SPEC TABLE ─── *\/\n .spec-wrap {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 2px 14px var(--shadow-sm);\n }\n .spec-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n .spec-table tr { border-bottom: 1px solid var(--border); }\n .spec-table tr:last-child { border-bottom: none; }\n .spec-table td { padding: 15px 22px; vertical-align: top; }\n .spec-table td:first-child {\n font-weight: 600;\n color: var(--muted);\n background: var(--surface);\n width: 36%;\n }\n .spec-table td:last-child { color: var(--ink); font-weight: 500; }\n\n \/* ─── COMPAT ─── *\/\n .compat-wrap {\n background: var(--blue-light);\n border: 1.5px solid rgba(29,78,216,.15);\n border-radius: 16px;\n padding: 22px 24px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 14px;\n }\n .compat-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--blue);\n flex-shrink: 0;\n min-width: 100px;\n }\n .compat-pills { display: flex; flex-wrap: wrap; gap: 8px; }\n .compat-pills span {\n background: #fff;\n border: 1px solid var(--border);\n font-size: 12.5px;\n font-weight: 600;\n color: var(--muted);\n padding: 5px 14px;\n border-radius: 100px;\n }\n\n \/* ─── POLICY ─── *\/\n .policy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n }\n .policy-card {\n background: var(--card);\n border: 1.5px solid var(--border);\n border-radius: 18px;\n padding: 28px 24px;\n box-shadow: 0 2px 12px var(--shadow-sm);\n }\n .policy-card h3 {\n font-size: 15.5px;\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .p-icon {\n width: 34px; height: 34px;\n border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n font-size: 17px;\n flex-shrink: 0;\n }\n .pi-gold { background: var(--accent-light); }\n .pi-green { background: var(--green-light); }\n .policy-card p { font-size: 13.5px; color: var(--muted); line-height: 1.72; }\n\n \/* ─── DIVIDER ─── *\/\n .divider { border: none; border-top: 1px solid var(--border); margin: 0 24px; }\n\n \/* ─── FOOTER ─── *\/\n .prod-footer {\n background: #1a1f2e;\n padding: 28px 24px;\n text-align: center;\n }\n .prod-footer p { font-size: 12.5px; color: rgba(255,255,255,.3); }\n .prod-footer strong { color: rgba(255,255,255,.55); }\n\n \/* ─── RESPONSIVE ─── *\/\n @media (max-width: 600px) {\n .hero { padding: 50px 16px 44px; }\n .wrap { padding-left: 16px; padding-right: 16px; }\n .stat-row { grid-template-columns: repeat(2, 1fr); }\n .spec-table td:first-child { width: auto; }\n .how-wrap { padding: 28px 20px; }\n .connector-visual { flex-wrap: wrap; justify-content: center; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n \u003cdiv class=\"hero-inner\"\u003e\n \u003cdiv class=\"hero-chip\"\u003e\n\u003cspan class=\"chip-dot\"\u003e\u003c\/span\u003eModel ADP06-2IN1  ·  8-PIN Adapter  ·  12-Month Warranty\u003c\/div\u003e\n \u003ch1\u003e8-PIN to\u003cbr\u003e\u003cspan class=\"hl\"\u003eDual 8-PIN\u003c\/span\u003e\u003cbr\u003eAdapter\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eCharge and listen at the same time — one port, two connections, zero compromise.\u003c\/p\u003e\n\n \u003c!-- Connector Visual --\u003e\n \u003cdiv class=\"connector-visual\"\u003e\n \u003cdiv class=\"conn-block\"\u003e\n \u003cdiv class=\"conn-pin\"\u003e8-PIN\u003c\/div\u003e\n \u003cdiv class=\"conn-label\"\u003eMale Input\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"conn-arrow\"\u003e\n \u003cdiv class=\"arrow-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dual-right\"\u003e\n \u003cdiv class=\"conn-block\"\u003e\n \u003cdiv class=\"conn-pin\"\u003e8-PIN ♪\u003c\/div\u003e\n \u003cdiv class=\"conn-label\"\u003eAudio Output\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"conn-block\"\u003e\n \u003cdiv class=\"conn-pin\"\u003e8-PIN ⚡\u003c\/div\u003e\n \u003cdiv class=\"conn-label\"\u003eCharge Output\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-pills\"\u003e\n \u003cspan\u003eAudio \u0026amp; Charging Simultaneously\u003c\/span\u003e\n \u003cspan\u003e8-PIN Male to Dual Female\u003c\/span\u003e\n \u003cspan\u003eNo Quality Loss\u003c\/span\u003e\n \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e\n \u003cspan\u003eCompact \u0026amp; Portable\u003c\/span\u003e\n \u003cspan\u003e12-Month Warranty\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- QUICK STATS --\u003e\n\u003cdiv class=\"wrap\" style=\"padding-bottom:0\"\u003e\n \u003cdiv class=\"stat-row\"\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e2-in-1\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003ePorts\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e8-PIN\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eConnector\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003eDual\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eSimultaneous\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n\u003cdiv class=\"stat-num\"\u003e12M\u003c\/div\u003e\n\u003cdiv class=\"stat-lbl\"\u003eWarranty\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- KEY FEATURES --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003eKey \u003cspan\u003eFeatures\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-gold\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feat-grid\"\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-gold\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-gold\"\u003e🎵\u003c\/div\u003e\n \u003ch3\u003eAudio \u0026amp; Charging Simultaneously\u003c\/h3\u003e\n \u003cp\u003eThe standout feature of the ADP06-2IN1 — use both ports at the same time to charge your device while listening to audio through your wired headphones or speakers. No more choosing between power and sound.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-blue\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-blue\"\u003e🔌\u003c\/div\u003e\n \u003ch3\u003eDual Female 8-PIN Outputs\u003c\/h3\u003e\n \u003cp\u003eOne male 8-PIN input splits into two female 8-PIN ports — one dedicated to audio output, one for charging. Connects directly into your device's port for a secure, stable fit every time.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-green\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-green\"\u003e✅\u003c\/div\u003e\n \u003ch3\u003ePlug \u0026amp; Play — No Setup\u003c\/h3\u003e\n \u003cp\u003eSimply plug in and go. No apps, no drivers, no configuration required. The adapter is instantly recognised and ready to use the moment it's connected to your device.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feat-card\"\u003e\n \u003cdiv class=\"strip s-slate\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"feat-icon fi-slate\"\u003e🎒\u003c\/div\u003e\n \u003ch3\u003eCompact \u0026amp; Travel-Ready\u003c\/h3\u003e\n \u003cp\u003ePocket-sized and lightweight, the ADP06-2IN1 is designed to go wherever you go — ideal for commuters, travellers, and anyone who needs both audio and power on the move.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"how-wrap\"\u003e\n \u003cdiv class=\"hw-title\"\u003eHow It Works\u003c\/div\u003e\n \u003cdiv class=\"hw-sub\"\u003eThree simple steps — charge and listen without interruption\u003c\/div\u003e\n \u003cdiv class=\"steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n \u003ch4\u003ePlug In\u003c\/h4\u003e\n \u003cp\u003eInsert the 8-PIN male connector into your device's charging port.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eConnect Audio\u003c\/h4\u003e\n \u003cp\u003ePlug your wired headphones or speakers into the audio female 8-PIN port.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eCharge Simultaneously\u003c\/h4\u003e\n \u003cp\u003eConnect your charger to the second female 8-PIN port and enjoy audio while your battery charges.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- COMPATIBILITY --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003eDevice \u003cspan\u003eCompatibility\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-blue\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"compat-wrap\" style=\"margin-bottom:14px\"\u003e\n \u003cspan class=\"compat-label\"\u003eWorks With\u003c\/span\u003e\n \u003cdiv class=\"compat-pills\"\u003e\n \u003cspan\u003eiPhone 14\u003c\/span\u003e\n \u003cspan\u003eiPhone 13\u003c\/span\u003e\n \u003cspan\u003eiPhone 12\u003c\/span\u003e\n \u003cspan\u003eiPhone 11\u003c\/span\u003e\n \u003cspan\u003eiPhone X \/ XS \/ XR\u003c\/span\u003e\n \u003cspan\u003eiPhone 8 \/ 8 Plus\u003c\/span\u003e\n \u003cspan\u003eiPhone 7 \/ 7 Plus\u003c\/span\u003e\n \u003cspan\u003eiPad (8-PIN models)\u003c\/span\u003e\n \u003cspan\u003eiPod touch\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"compat-wrap\"\u003e\n \u003cspan class=\"compat-label\"\u003eUse With\u003c\/span\u003e\n \u003cdiv class=\"compat-pills\"\u003e\n \u003cspan\u003eWired headphones\u003c\/span\u003e\n \u003cspan\u003eLightning earphones\u003c\/span\u003e\n \u003cspan\u003e8-PIN speakers\u003c\/span\u003e\n \u003cspan\u003eCar chargers\u003c\/span\u003e\n \u003cspan\u003eWall chargers\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003eProduct \u003cspan\u003eSpecifications\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-slate\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-wrap\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003e8-PIN to Dual 8-PIN Adapter\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP06-2IN1\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eConnector Type\u003c\/td\u003e\n\u003ctd\u003e8-PIN Male to Dual Female 8-PIN\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePort 1\u003c\/td\u003e\n\u003ctd\u003e8-PIN Female — Audio Output\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePort 2\u003c\/td\u003e\n\u003ctd\u003e8-PIN Female — Charging\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eKey Feature\u003c\/td\u003e\n\u003ctd\u003eSupports audio and charging simultaneously\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSetup Required\u003c\/td\u003e\n\u003ctd\u003eNo — Plug \u0026amp; Play\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\n\u003c!-- WARRANTY \u0026 RETURNS --\u003e\n\u003cdiv class=\"wrap\"\u003e\n \u003cdiv class=\"sec-head\"\u003e\n \u003cdiv class=\"sec-title\"\u003eWarranty \u003cspan\u003e\u0026amp; Returns\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar bar-green\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"policy-grid\"\u003e\n \u003cdiv class=\"policy-card\"\u003e\n \u003ch3\u003e\n\u003cspan class=\"p-icon pi-gold\"\u003e🛡️\u003c\/span\u003e 12-Month Warranty\u003c\/h3\u003e\n \u003cp\u003eThe ADP06-2IN1 is covered by a 12-month manufacturer's warranty against defects in materials and workmanship that result in product failure or malfunction under normal use conditions. The warranty does not cover damage caused by accidents, misuse, liquid ingress, or any unauthorised modifications to the product.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"policy-card\"\u003e\n \u003ch3\u003e\n\u003cspan class=\"p-icon pi-green\"\u003e↩️\u003c\/span\u003e 14-Day Returns\u003c\/h3\u003e\n \u003cp\u003eWe accept returns within 14 days of purchase. The item must be returned in the same condition as received, in its original packaging with all accessories and documentation included. To initiate a return, please contact our customer service team with your order details. Refunds are processed to your original payment method once the item has been received and inspected.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cdiv class=\"prod-footer\"\u003e\n \u003cp\u003e\u003cstrong\u003e8-PIN to Dual 8-PIN Adapter\u003c\/strong\u003e · Model ADP06-2IN1 · Audio \u0026amp; Charging Simultaneously · 12-Month Warranty · 14-Day Returns\u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49349521211737,"sku":null,"price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/FullSizeRender_4d70f760-afdf-4e65-a4cb-803358307321.jpg?v=1726951575"},{"product_id":"8-pin-3-5mm-2-in-1-aux-cable-tg-ax08l120","title":"8-Pin \u0026 3.5mm 2-in-1 Aux Cable | Works With iPhone \u0026 All 3.5mm Devices | 1.2m TPR Wired Audio Cable for Car Stereo, Speakers \u0026 Headphones – TG-AX08L120","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --surface: #f7f4f1;\n --accent: #b45309;\n --accent-dim: #b4530910;\n --accent-border: #b4530928;\n --text: #1c1208;\n --text-muted: #78614a;\n --border: #e8e0d6;\n --shadow: 0 1px 10px #1c120806;\n --shadow-md: 0 6px 28px #1c12080e;\n --shadow-lg: 0 16px 48px #1c120816;\n --radius: 20px;\n --radius-sm: 12px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'Raleway', sans-serif;\n font-size: 16px;\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n }\n\n .pd-wrap {\n max-width: 880px;\n margin: 0 auto;\n padding: 44px 24px 72px;\n }\n\n \/* ── Hero ── *\/\n .hero {\n background: linear-gradient(150deg, #fdf8f2 0%, #fffcf9 55%, #faf5ee 100%);\n border: 1px solid #e8d8c4;\n border-radius: var(--radius);\n padding: 52px 44px;\n position: relative;\n overflow: hidden;\n margin-bottom: 48px;\n box-shadow: var(--shadow-lg);\n display: flex;\n gap: 32px;\n align-items: flex-start;\n flex-wrap: wrap;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -80px; right: -80px;\n width: 340px; height: 340px;\n border-radius: 50%;\n background: radial-gradient(circle, #b453090a 0%, transparent 65%);\n pointer-events: none;\n }\n\n .hero-content { flex: 1; min-width: 240px; position: relative; z-index: 1; }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: var(--accent-dim);\n border: 1px solid var(--accent-border);\n color: var(--accent);\n font-size: 10.5px;\n font-weight: 800;\n letter-spacing: 0.17em;\n text-transform: uppercase;\n padding: 5px 15px;\n border-radius: 100px;\n margin-bottom: 20px;\n }\n\n .hero-badge::before { content: '🎵'; font-size: 13px; }\n\n .hero h1 {\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 900;\n line-height: 1.08;\n letter-spacing: -0.03em;\n color: var(--text);\n margin-bottom: 14px;\n }\n\n .hero h1 span { color: var(--accent); }\n\n .hero-sub {\n color: var(--text-muted);\n font-size: 15px;\n font-weight: 500;\n margin-bottom: 30px;\n line-height: 1.7;\n }\n\n .hero-stats { display: flex; gap: 28px; flex-wrap: wrap; }\n\n .stat { display: flex; flex-direction: column; gap: 2px; }\n\n .stat-val {\n font-size: 26px;\n font-weight: 900;\n color: var(--accent);\n line-height: 1;\n letter-spacing: -0.02em;\n }\n\n .stat-lbl {\n font-size: 11px;\n color: var(--text-muted);\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n }\n\n \/* Cable visual — sits beside content on desktop, below on mobile *\/\n .hero-visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n position: relative;\n z-index: 1;\n }\n\n .cable-end {\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--bg);\n border: 1.5px solid var(--border);\n border-radius: 10px;\n padding: 10px 16px;\n box-shadow: var(--shadow-md);\n white-space: nowrap;\n min-width: 190px;\n transition: border-color 0.2s;\n }\n\n .cable-end:hover { border-color: var(--accent-border); }\n\n .cable-end.top { animation: cableFloat 3.5s ease-in-out infinite; }\n .cable-end.mid { animation: cableFloat 3.5s ease-in-out infinite 1.1s; }\n .cable-end.bot { animation: cableFloat 3.5s ease-in-out infinite 2.2s; }\n\n @keyframes cableFloat {\n 0%, 100% { transform: translateX(0); }\n 50% { transform: translateX(-5px); }\n }\n\n .cable-end-icon {\n width: 32px; height: 32px;\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n font-size: 16px;\n flex-shrink: 0;\n }\n\n .cable-end-icon.pin { background: #fef3c7; }\n .cable-end-icon.aux { background: #dbeafe; }\n .cable-end-icon.out { background: #dcfce7; }\n\n .cable-end-info strong {\n display: block;\n font-size: 12.5px;\n font-weight: 800;\n color: var(--text);\n margin-bottom: 1px;\n }\n\n .cable-end-info span { font-size: 11px; color: var(--text-muted); font-weight: 500; }\n\n .cable-divider {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 2px 0;\n }\n\n .cable-line {\n width: 2px;\n height: 16px;\n background: linear-gradient(to bottom, var(--accent-border), #e8d8c4);\n border-radius: 2px;\n }\n\n .cable-join {\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n letter-spacing: 0.08em;\n background: var(--accent-dim);\n border: 1px solid var(--accent-border);\n border-radius: 100px;\n padding: 3px 10px;\n }\n\n \/* ── Section ── *\/\n .section-label {\n font-size: 10.5px;\n font-weight: 800;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 7px;\n }\n\n .section-title {\n font-size: clamp(19px, 3.8vw, 26px);\n font-weight: 900;\n letter-spacing: -0.025em;\n color: var(--text);\n margin-bottom: 24px;\n line-height: 1.15;\n }\n\n \/* ── 2-in-1 Explainer ── *\/\n .split-banner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n margin-bottom: 48px;\n }\n\n .split-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 28px 24px;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s, box-shadow 0.22s;\n position: relative;\n overflow: hidden;\n }\n\n .split-card::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n border-radius: 3px 3px 0 0;\n opacity: 0;\n transition: opacity 0.22s;\n }\n\n .split-card.pin-card::after { background: linear-gradient(90deg, #f59e0b, #d97706); }\n .split-card.aux-card::after { background: linear-gradient(90deg, #3b82f6, #2563eb); }\n\n .split-card:hover { border-color: var(--accent-border); transform: translateY(-3px); box-shadow: var(--shadow-md); }\n .split-card:hover::after { opacity: 1; }\n\n .split-connector-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n border-radius: 100px;\n padding: 5px 14px;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n margin-bottom: 14px;\n }\n\n .split-connector-badge.pin-badge { background: #fef3c7; color: #92400e; }\n .split-connector-badge.aux-badge { background: #dbeafe; color: #1d4ed8; }\n\n .split-icon { font-size: 34px; margin-bottom: 12px; display: block; }\n\n .split-title {\n font-size: 16px;\n font-weight: 900;\n color: var(--text);\n margin-bottom: 8px;\n letter-spacing: -0.02em;\n }\n\n .split-desc { font-size: 13.5px; color: var(--text-muted); line-height: 1.65; }\n\n \/* ── Use Cases ── *\/\n .usecase-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 14px;\n margin-bottom: 48px;\n }\n\n .usecase-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 22px 18px;\n text-align: center;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s, box-shadow 0.22s;\n }\n\n .usecase-card:hover { border-color: var(--accent-border); transform: translateY(-3px); box-shadow: var(--shadow-md); }\n\n .usecase-icon { font-size: 30px; margin-bottom: 10px; }\n\n .usecase-title {\n font-size: 14px;\n font-weight: 800;\n color: var(--text);\n margin-bottom: 5px;\n letter-spacing: -0.01em;\n }\n\n .usecase-desc { font-size: 12.5px; color: var(--text-muted); line-height: 1.6; }\n\n \/* ── Material Banner ── *\/\n .material-banner {\n background: linear-gradient(135deg, #fdf8f2 0%, #fffcf9 100%);\n border: 1px solid var(--accent-border);\n border-radius: var(--radius);\n padding: 40px 44px;\n margin-bottom: 48px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n align-items: center;\n box-shadow: var(--shadow);\n }\n\n .mat-left h3 {\n font-size: 20px;\n font-weight: 900;\n color: var(--text);\n margin-bottom: 10px;\n letter-spacing: -0.02em;\n line-height: 1.25;\n }\n\n .mat-left p { font-size: 14px; color: var(--text-muted); line-height: 1.7; }\n\n .mat-pills { display: flex; flex-direction: column; gap: 10px; }\n\n .mat-pill {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 12px 16px;\n box-shadow: var(--shadow);\n transition: border-color 0.2s;\n }\n\n .mat-pill:hover { border-color: var(--accent-border); }\n\n .mat-pill-icon {\n width: 36px; height: 36px;\n background: var(--accent-dim);\n border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n\n .mat-pill-text strong {\n display: block;\n font-size: 13px;\n font-weight: 800;\n color: var(--text);\n margin-bottom: 1px;\n }\n\n .mat-pill-text span { font-size: 11.5px; color: var(--text-muted); }\n\n \/* ── Feature Cards ── *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 14px;\n margin-bottom: 48px;\n }\n\n .feat-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 26px 22px;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s;\n }\n\n .feat-card:hover { border-color: var(--accent-border); transform: translateY(-3px); }\n\n .feat-icon { font-size: 26px; margin-bottom: 12px; display: block; }\n\n .feat-title {\n font-size: 14.5px;\n font-weight: 800;\n color: var(--text);\n margin-bottom: 6px;\n letter-spacing: -0.01em;\n }\n\n .feat-desc { font-size: 13px; color: var(--text-muted); line-height: 1.6; }\n\n \/* ── Specs ── *\/\n .specs-section { margin-bottom: 48px; }\n\n .specs-table {\n width: 100%;\n border-collapse: collapse;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: var(--shadow);\n }\n\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n .specs-table td { padding: 13px 20px; font-size: 14px; }\n\n .specs-table td:first-child {\n font-weight: 800;\n font-size: 12px;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--text-muted);\n width: 40%;\n background: var(--surface);\n }\n\n .specs-table td:last-child { color: var(--text); background: var(--bg); }\n\n \/* ── Compatibility ── *\/\n .compat-section { margin-bottom: 48px; }\n\n .compat-note {\n background: var(--surface);\n border: 1px solid var(--border);\n border-left: 4px solid var(--accent);\n border-radius: var(--radius-sm);\n padding: 14px 18px;\n font-size: 13.5px;\n color: var(--text-muted);\n margin-bottom: 18px;\n line-height: 1.6;\n }\n\n .compat-note strong { color: var(--text); }\n\n .compat-tags { display: flex; flex-wrap: wrap; gap: 10px; }\n\n .compat-tag {\n display: flex;\n align-items: center;\n gap: 7px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 7px 14px;\n font-size: 13px;\n color: var(--text);\n transition: border-color 0.2s, background 0.2s, color 0.2s;\n }\n\n .compat-tag:hover { border-color: var(--accent-border); background: var(--accent-dim); color: var(--accent); }\n .compat-tag::before { content: '✓'; color: var(--accent); font-size: 12px; font-weight: 700; }\n\n \/* ── Warranty ── *\/\n .warranty-banner {\n background: linear-gradient(135deg, #fdf8f2, #fdf5ec);\n border: 1px solid var(--accent-border);\n border-radius: var(--radius);\n padding: 32px 38px;\n display: flex;\n align-items: center;\n gap: 24px;\n margin-bottom: 44px;\n flex-wrap: wrap;\n box-shadow: var(--shadow);\n }\n\n .warranty-icon { font-size: 48px; flex-shrink: 0; }\n\n .warranty-text h3 {\n font-size: 17px;\n font-weight: 900;\n color: var(--accent);\n margin-bottom: 5px;\n letter-spacing: -0.01em;\n }\n\n .warranty-text p { font-size: 14px; color: var(--text-muted); line-height: 1.6; }\n\n \/* ── In the Box ── *\/\n .inbox-list { list-style: none; display: flex; flex-direction: column; gap: 11px; }\n\n .inbox-list li {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 14px;\n color: var(--text);\n }\n\n .inbox-list li::before {\n content: '';\n width: 7px; height: 7px;\n border-radius: 50%;\n background: var(--accent);\n flex-shrink: 0;\n }\n\n \/* ════════════════════════════════════\n RESPONSIVE BREAKPOINTS\n ════════════════════════════════════ *\/\n\n \/* Medium tablets *\/\n @media (max-width: 720px) {\n .pd-wrap { padding: 32px 18px 60px; }\n .hero { padding: 36px 26px; gap: 24px; }\n .split-banner { grid-template-columns: 1fr; }\n .material-banner { grid-template-columns: 1fr; padding: 30px 26px; gap: 24px; }\n .cable-end { min-width: unset; }\n }\n\n \/* Mobile phones *\/\n @media (max-width: 540px) {\n .pd-wrap { padding: 22px 14px 52px; }\n .hero { padding: 28px 18px; flex-direction: column; gap: 20px; border-radius: 14px; }\n .cable-end.top, .cable-end.mid, .cable-end.bot { animation: none; }\n .hero-visual { width: 100%; align-items: stretch; }\n .cable-end { min-width: unset; white-space: normal; width: 100%; }\n .hero h1 { font-size: 26px; }\n .hero-sub { font-size: 14px; margin-bottom: 22px; }\n .hero-stats { gap: 18px; }\n .stat-val { font-size: 22px; }\n .usecase-grid { grid-template-columns: 1fr 1fr; gap: 10px; }\n .usecase-card { padding: 16px 12px; }\n .features-grid { grid-template-columns: 1fr; }\n .feat-card { padding: 20px 16px; }\n .split-card { padding: 22px 18px; }\n .specs-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: var(--radius-sm); }\n .specs-table table, .specs-table tbody, .specs-table tr, .specs-table td { display: block; }\n .specs-table tr { display: flex; }\n .specs-table td { padding: 10px 12px; font-size: 13px; }\n .specs-table td:first-child { width: 42%; flex-shrink: 0; min-width: 110px; font-size: 11px; }\n .specs-table td:last-child { flex: 1; }\n .compat-tag { font-size: 12px; padding: 6px 11px; }\n .mat-pill { padding: 10px 13px; gap: 10px; }\n .mat-pill-icon { width: 30px; height: 30px; font-size: 15px; }\n .mat-left h3 { font-size: 17px; }\n .warranty-banner { padding: 22px 18px; flex-direction: column; text-align: center; align-items: center; gap: 12px; }\n .warranty-icon { font-size: 36px; }\n .warranty-text h3 { font-size: 16px; }\n .inbox-list li { font-size: 13px; }\n }\n\n \/* Small phones *\/\n @media (max-width: 380px) {\n .pd-wrap { padding: 16px 12px 44px; }\n .hero { padding: 22px 14px; }\n .hero h1 { font-size: 23px; }\n .hero-stats { flex-wrap: wrap; gap: 14px; }\n .usecase-grid { grid-template-columns: 1fr; }\n .section-title { font-size: 18px; }\n .split-connector-badge { font-size: 10px; padding: 4px 10px; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pd-wrap\"\u003e\n\u003c!-- ── Hero ── --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"hero-badge\"\u003e2-in-1 Aux Cable · TG-AX08L120\u003c\/div\u003e\n\u003ch1\u003eOne Cable.\u003cbr\u003e\u003cspan\u003eTwo Connectors.\u003c\/span\u003e\u003cbr\u003eZero Hassle.\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eThe only aux cable you'll ever need — connects both 8-pin and 3.5mm devices to any 3.5mm audio output. Play music from any phone, any car, any speaker.\u003c\/p\u003e\n\u003cdiv class=\"hero-stats\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003e2-in-1\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eConnectors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003e1.2m\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003eTPR\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eFlex Rubber\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Cable visual --\u003e\n\u003cdiv class=\"hero-visual\"\u003e\n\u003cdiv class=\"cable-end top\"\u003e\n\u003cdiv class=\"cable-end-icon pin\"\u003e🔌\u003c\/div\u003e\n\u003cdiv class=\"cable-end-info\"\u003e\n\u003cstrong\u003e8-Pin Connector\u003c\/strong\u003e \u003cspan\u003eFor 8-pin devices\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cable-divider\"\u003e\n\u003cdiv class=\"cable-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cable-join\"\u003e2-in-1\u003c\/div\u003e\n\u003cdiv class=\"cable-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cable-end mid\"\u003e\n\u003cdiv class=\"cable-end-icon aux\"\u003e🎵\u003c\/div\u003e\n\u003cdiv class=\"cable-end-info\"\u003e\n\u003cstrong\u003e3.5mm Connector\u003c\/strong\u003e \u003cspan\u003eFor standard aux devices\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cable-divider\"\u003e\n\u003cdiv class=\"cable-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cable-end bot\"\u003e\n\u003cdiv class=\"cable-end-icon out\"\u003e🔊\u003c\/div\u003e\n\u003cdiv class=\"cable-end-info\"\u003e\n\u003cstrong\u003e3.5mm Output\u003c\/strong\u003e \u003cspan\u003eCar, speaker, headphones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── 2-in-1 Connector Explainer ── --\u003e\n\u003cdiv class=\"section-label\"\u003eTwo Connectors, One Cable\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWorks With Both 8-Pin \u0026amp; 3.5mm Devices\u003c\/div\u003e\n\u003cdiv class=\"split-banner\"\u003e\n\u003cdiv class=\"split-card pin-card\"\u003e\n\u003cdiv class=\"split-connector-badge pin-badge\"\u003e8-Pin End\u003c\/div\u003e\n\u003cspan class=\"split-icon\"\u003e📱\u003c\/span\u003e\n\u003cdiv class=\"split-title\"\u003eFor 8-Pin Devices\u003c\/div\u003e\n\u003cdiv class=\"split-desc\"\u003ePlug the 8-pin connector into your iPhone or 8-pin compatible device to stream audio through any 3.5mm speaker, car stereo, or headphone jack — no wireless needed.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split-card aux-card\"\u003e\n\u003cdiv class=\"split-connector-badge aux-badge\"\u003e3.5mm End\u003c\/div\u003e\n\u003cspan class=\"split-icon\"\u003e🎧\u003c\/span\u003e\n\u003cdiv class=\"split-title\"\u003eFor 3.5mm Devices\u003c\/div\u003e\n\u003cdiv class=\"split-desc\"\u003eUse the universal 3.5mm connector with any phone, tablet, or media player that has a standard headphone jack — one cable covers every scenario.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Use Cases ── --\u003e\n\u003cdiv class=\"section-label\"\u003eHow You'll Use It\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003ePerfect For Every Situation\u003c\/div\u003e\n\u003cdiv class=\"usecase-grid\"\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e🚗\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eCar Audio\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eConnect your phone to your car stereo's aux input for crisp, wired audio on every journey.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e🔊\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003ePortable Speakers\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003ePlug into any 3.5mm speaker for reliable, lag-free audio at home, outdoors, or at a gathering.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e🎧\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eWired Headphones\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eUse with 3.5mm wired headphones or earphones for high-quality listening from any device.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e🎙️\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eMicrophones\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eConnect to 3.5mm microphones or recording equipment for direct audio input from your device.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Material Banner ── --\u003e\n\u003cdiv class=\"material-banner\"\u003e\n\u003cdiv class=\"mat-left\"\u003e\n\u003ch3\u003eThermoplastic Rubber — Flexibility Meets Durability\u003c\/h3\u003e\n\u003cp\u003eThe TG-AX08L120 is wrapped in premium Thermoplastic Rubber (TPR) — the same material used in professional-grade cables. It flexes without kinking, resists tangles, and holds up to years of daily use whether tossed in a bag, wrapped around a dashboard, or used in the car every single day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-pills\"\u003e\n\u003cdiv class=\"mat-pill\"\u003e\n\u003cdiv class=\"mat-pill-icon\"\u003e🌀\u003c\/div\u003e\n\u003cdiv class=\"mat-pill-text\"\u003e\n\u003cstrong\u003eKink \u0026amp; Tangle Resistant\u003c\/strong\u003e \u003cspan\u003eStays neat in bags and pockets\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-pill\"\u003e\n\u003cdiv class=\"mat-pill-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"mat-pill-text\"\u003e\n\u003cstrong\u003eReinforced Strain Relief\u003c\/strong\u003e \u003cspan\u003eProtects connectors at bend points\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-pill\"\u003e\n\u003cdiv class=\"mat-pill-icon\"\u003e📏\u003c\/div\u003e\n\u003cdiv class=\"mat-pill-text\"\u003e\n\u003cstrong\u003e1.2m Generous Length\u003c\/strong\u003e \u003cspan\u003eReaches any car stereo or speaker\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Feature Cards ── --\u003e\n\u003cdiv class=\"section-label\"\u003eProduct Features\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eEverything in One Cable\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🔀\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eTrue 2-in-1 Design\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eOne cable with both an 8-pin and a 3.5mm input end — share it between family members with different devices, no extras needed.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🎵\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003ePure Analogue Audio\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eWired aux delivers zero latency, no pairing, and consistent audio quality unaffected by interference or battery levels.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e📏\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003e1.2m Cable Length\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eGenerous 1.2 metre length gives you comfortable reach from pocket to car stereo, speaker, or headphone amp.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🧵\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eTPR Rubber Jacket\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eFlexible TPR outer jacket resists cracking, splitting, and tangling — built to outlast cheaper PVC-coated alternatives.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Specs ── --\u003e\n\u003cdiv class=\"specs-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eFull Product Details\u003c\/div\u003e\n\u003cdiv class=\"specs-table\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse;\" aria-label=\"Product specifications\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"border-bottom: 1px solid var(--border);\"\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003e8-Pin \u0026amp; 3.5mm 2-in-1 Aux Cable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid var(--border);\"\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eTG-AX08L120\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid var(--border);\"\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eThermoplastic Rubber (TPR)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid var(--border);\"\u003e\n\u003ctd\u003eInput 1\u003c\/td\u003e\n\u003ctd\u003e8-Pin Male\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid var(--border);\"\u003e\n\u003ctd\u003eInput 2\u003c\/td\u003e\n\u003ctd\u003e3.5mm Male\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid var(--border);\"\u003e\n\u003ctd\u003eOutput\u003c\/td\u003e\n\u003ctd\u003e3.5mm Male\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid var(--border);\"\u003e\n\u003ctd\u003eLength\u003c\/td\u003e\n\u003ctd\u003e1.2m (120cm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid var(--border);\"\u003e\n\u003ctd\u003eAudio Type\u003c\/td\u003e\n\u003ctd\u003eAnalogue Aux \/ Stereo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Compatibility ── --\u003e\n\u003cdiv class=\"compat-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eCompatibility\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWorks With\u003c\/div\u003e\n\u003cdiv class=\"compat-note\"\u003e\n\u003cstrong\u003eNote:\u003c\/strong\u003e The 8-pin end is compatible with 8-pin connector devices. The 3.5mm end works universally with all devices featuring a standard 3.5mm headphone or aux jack. The 3.5mm output connects to any car stereo, speaker, or headphone with a 3.5mm aux input.\u003c\/div\u003e\n\u003cdiv class=\"compat-tags\"\u003e\n\u003cspan class=\"compat-tag\"\u003eiPhone 14 \u0026amp; Earlier (8-Pin)\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPhone SE Series\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPad (8-Pin Models)\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPod Touch\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eAll 3.5mm Smartphones\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eAndroid Phones (3.5mm)\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eCar Stereo Aux Input\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003ePortable Speakers (Aux)\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e3.5mm Wired Headphones\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eHome HiFi Systems\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e3.5mm Microphones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Warranty ── --\u003e\n\u003cdiv class=\"warranty-banner\"\u003e\n\u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"warranty-text\"\u003e\n\u003ch3\u003e12-Month Warranty Included\u003c\/h3\u003e\n\u003cp\u003eEvery TG-AX08L120 cable is backed by a full 12-month manufacturer's warranty. Quality-checked before dispatch — buy with complete confidence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── In the Box ── --\u003e\n\u003cdiv class=\"section-label\"\u003eIn the Box\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 18px;\" class=\"section-title\"\u003eWhat's Included\u003c\/div\u003e\n\u003cul class=\"inbox-list\"\u003e\n\u003cli\u003e8-Pin \u0026amp; 3.5mm 2-in-1 Aux Cable — 1.2m (TG-AX08L120)\u003c\/li\u003e\n\u003cli\u003eUser Manual \/ Product Card\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49349523505497,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/FullSizeRender_03c263ca-67ec-4898-b393-9c42fadf8c20.jpg?v=1726951761"},{"product_id":"usb-c-to-usb-a-otg-expansion-adapter-otg02-c","title":"USB-C to USB-A Expansion OTG Adapter | Connect Flash Drives, Keyboards, Mice \u0026 More to USB-C Devices | Plug \u0026 Play On-The-Go Adapter – OTG02-C","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eUSB-C to USB-A Expansion OTG Adapter – OTG02-C\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;500;600;700;800;900\u0026amp;family=Barlow+Condensed:wght@600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --surface: #f5f7f5;\n --surface-alt: #eef1ee;\n --accent: #16a34a;\n --accent-light: #22c55e;\n --accent-dim: #16a34a0e;\n --accent-border: #16a34a28;\n --text: #0d1a0f;\n --text-muted: #5a7060;\n --border: #dfe8e0;\n --shadow: 0 1px 10px #0d1a0f06;\n --shadow-md: 0 6px 28px #0d1a0f0e;\n --shadow-lg: 0 16px 48px #0d1a0f16;\n --radius: 20px;\n --radius-sm: 12px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'Barlow', sans-serif;\n font-size: 16px;\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n }\n\n .pd-wrap {\n max-width: 880px;\n margin: 0 auto;\n padding: 44px 24px 72px;\n }\n\n \/* ── Hero ── *\/\n .hero {\n background: linear-gradient(150deg, #f0faf2 0%, #fafffe 55%, #f0f7f0 100%);\n border: 1px solid #cfe8d4;\n border-radius: var(--radius);\n padding: 56px 44px;\n position: relative;\n overflow: hidden;\n margin-bottom: 48px;\n box-shadow: var(--shadow-lg);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -100px; right: -100px;\n width: 380px; height: 380px;\n border-radius: 50%;\n background: radial-gradient(circle, #16a34a0a 0%, transparent 65%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: var(--accent-dim);\n border: 1px solid var(--accent-border);\n color: var(--accent);\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n padding: 5px 16px;\n border-radius: 100px;\n margin-bottom: 22px;\n }\n\n .hero-badge::before { content: '🔗'; font-size: 13px; }\n\n .hero h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(32px, 6vw, 52px);\n font-weight: 800;\n line-height: 1.05;\n letter-spacing: -0.01em;\n color: var(--text);\n margin-bottom: 16px;\n max-width: 480px;\n text-transform: uppercase;\n }\n\n .hero h1 span { color: var(--accent); }\n\n .hero-sub {\n color: var(--text-muted);\n font-size: 15.5px;\n font-weight: 400;\n max-width: 400px;\n margin-bottom: 34px;\n line-height: 1.7;\n }\n\n .hero-stats {\n display: flex;\n gap: 34px;\n flex-wrap: wrap;\n }\n\n .stat { display: flex; flex-direction: column; gap: 2px; }\n\n .stat-val {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 30px;\n font-weight: 800;\n color: var(--accent);\n line-height: 1;\n letter-spacing: -0.01em;\n }\n\n .stat-lbl {\n font-size: 11.5px;\n color: var(--text-muted);\n font-weight: 500;\n letter-spacing: 0.03em;\n text-transform: uppercase;\n }\n\n \/* Connector visual *\/\n .hero-visual {\n position: absolute;\n right: 44px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n gap: 0;\n z-index: 2;\n }\n\n .conn-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n }\n\n .conn-plug {\n padding: 12px 20px;\n border-radius: 10px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n white-space: nowrap;\n box-shadow: var(--shadow-md);\n }\n\n .conn-plug.input {\n background: linear-gradient(135deg, #14532d, #16a34a);\n color: #fff;\n box-shadow: 0 6px 20px #16a34a30;\n }\n\n .conn-plug.output {\n background: var(--bg);\n border: 2px solid var(--accent-border);\n color: var(--accent);\n animation: connFloat 3s ease-in-out infinite;\n }\n\n @keyframes connFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-6px); }\n }\n\n .conn-label {\n font-size: 10.5px;\n font-weight: 600;\n color: var(--text-muted);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n }\n\n .conn-arrow {\n font-size: 28px;\n color: var(--accent);\n padding: 0 14px;\n opacity: 0.6;\n animation: arrowPulse 2s ease-in-out infinite;\n }\n\n @keyframes arrowPulse {\n 0%, 100% { opacity: 0.4; transform: translateX(0); }\n 50% { opacity: 1; transform: translateX(4px); }\n }\n\n @media (max-width: 680px) {\n .hero { padding: 36px 24px 180px; }\n .hero-visual { top: auto; bottom: 28px; right: 50%; transform: translateX(50%); }\n }\n\n \/* ── Section ── *\/\n .section-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 7px;\n }\n\n .section-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 800;\n letter-spacing: -0.01em;\n text-transform: uppercase;\n color: var(--text);\n margin-bottom: 26px;\n line-height: 1.15;\n }\n\n \/* ── Use Cases ── *\/\n .usecase-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n gap: 14px;\n margin-bottom: 52px;\n }\n\n .usecase-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 26px 20px;\n text-align: center;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s, box-shadow 0.22s;\n position: relative;\n overflow: hidden;\n }\n\n .usecase-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.22s;\n }\n\n .usecase-card:hover { border-color: var(--accent-border); transform: translateY(-3px); box-shadow: var(--shadow-md); }\n .usecase-card:hover::before { opacity: 1; }\n\n .usecase-icon { font-size: 32px; margin-bottom: 12px; }\n\n .usecase-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px;\n font-weight: 800;\n text-transform: uppercase;\n color: var(--text);\n margin-bottom: 6px;\n letter-spacing: 0.02em;\n }\n\n .usecase-desc { font-size: 13px; color: var(--text-muted); line-height: 1.6; }\n\n \/* ── OTG Explain Banner ── *\/\n .otg-banner {\n background: linear-gradient(135deg, #f0faf2 0%, #fafffe 100%);\n border: 1px solid var(--accent-border);\n border-radius: var(--radius);\n padding: 40px 44px;\n margin-bottom: 52px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 36px;\n align-items: center;\n box-shadow: var(--shadow);\n }\n\n @media (max-width: 580px) { .otg-banner { grid-template-columns: 1fr; padding: 28px 24px; } }\n\n .otg-left h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 24px;\n font-weight: 800;\n text-transform: uppercase;\n color: var(--text);\n margin-bottom: 12px;\n letter-spacing: -0.01em;\n line-height: 1.2;\n }\n\n .otg-left p { font-size: 14px; color: var(--text-muted); line-height: 1.7; }\n\n .otg-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .otg-item {\n display: flex;\n align-items: center;\n gap: 13px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 13px 18px;\n box-shadow: var(--shadow);\n transition: border-color 0.2s;\n }\n\n .otg-item:hover { border-color: var(--accent-border); }\n\n .otg-item-icon {\n width: 38px; height: 38px;\n background: var(--accent-dim);\n border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n font-size: 19px;\n flex-shrink: 0;\n }\n\n .otg-item-text strong {\n display: block;\n font-size: 13.5px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 1px;\n }\n\n .otg-item-text span { font-size: 12px; color: var(--text-muted); }\n\n \/* ── Feature Cards ── *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 14px;\n margin-bottom: 52px;\n }\n\n .feat-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s;\n }\n\n .feat-card:hover { border-color: var(--accent-border); transform: translateY(-3px); }\n\n .feat-icon { font-size: 28px; margin-bottom: 13px; display: block; }\n\n .feat-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 17px;\n font-weight: 800;\n text-transform: uppercase;\n color: var(--text);\n margin-bottom: 6px;\n letter-spacing: 0.01em;\n }\n\n .feat-desc { font-size: 13.5px; color: var(--text-muted); line-height: 1.6; }\n\n \/* ── Specs ── *\/\n .specs-section { margin-bottom: 52px; }\n\n .specs-table {\n width: 100%;\n border-collapse: collapse;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: var(--shadow);\n }\n\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n .specs-table td { padding: 14px 22px; font-size: 14px; }\n\n .specs-table td:first-child {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 13px;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--text-muted);\n width: 40%;\n background: var(--surface);\n }\n\n .specs-table td:last-child { color: var(--text); background: var(--bg); }\n\n \/* ── Compatibility ── *\/\n .compat-section { margin-bottom: 52px; }\n\n .compat-note {\n background: var(--surface);\n border: 1px solid var(--border);\n border-left: 4px solid var(--accent);\n border-radius: var(--radius-sm);\n padding: 15px 20px;\n font-size: 13.5px;\n color: var(--text-muted);\n margin-bottom: 18px;\n line-height: 1.6;\n }\n\n .compat-note strong { color: var(--text); }\n\n .compat-tags { display: flex; flex-wrap: wrap; gap: 10px; }\n\n .compat-tag {\n display: flex;\n align-items: center;\n gap: 7px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 7px 16px;\n font-size: 13px;\n color: var(--text);\n transition: border-color 0.2s, background 0.2s, color 0.2s;\n }\n\n .compat-tag:hover { border-color: var(--accent-border); background: var(--accent-dim); color: var(--accent); }\n .compat-tag::before { content: '✓'; color: var(--accent); font-size: 12px; font-weight: 700; }\n\n \/* ── Warranty ── *\/\n .warranty-banner {\n background: linear-gradient(135deg, #f0faf2, #f5fff5);\n border: 1px solid var(--accent-border);\n border-radius: var(--radius);\n padding: 34px 40px;\n display: flex;\n align-items: center;\n gap: 26px;\n margin-bottom: 44px;\n flex-wrap: wrap;\n box-shadow: var(--shadow);\n }\n\n .warranty-icon { font-size: 50px; flex-shrink: 0; }\n\n .warranty-text h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px;\n font-weight: 800;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 5px;\n letter-spacing: 0.02em;\n }\n\n .warranty-text p { font-size: 14px; color: var(--text-muted); line-height: 1.6; }\n\n \/* ── In the Box ── *\/\n .inbox-list { list-style: none; display: flex; flex-direction: column; gap: 11px; }\n\n .inbox-list li {\n display: flex;\n align-items: center;\n gap: 13px;\n font-size: 14.5px;\n color: var(--text);\n }\n\n .inbox-list li::before {\n content: '';\n width: 7px; height: 7px;\n border-radius: 50%;\n background: var(--accent);\n flex-shrink: 0;\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"pd-wrap\"\u003e\n\n \u003c!-- ── Hero ── --\u003e\n \u003cdiv class=\"hero\"\u003e\n \u003cdiv class=\"hero-badge\"\u003eOTG Expansion Adapter · OTG02-C\u003c\/div\u003e\n \u003ch1\u003eUSB-C In.\u003cbr\u003e\u003cspan\u003eUSB-A Out.\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"hero-sub\"\u003eConnect USB-A flash drives, keyboards, mice, game controllers, and more to any USB-C device. Instant plug-and-play OTG expansion — no drivers, no fuss.\u003c\/p\u003e\n \u003cdiv class=\"hero-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-val\"\u003eOTG\u003c\/span\u003e\n \u003cspan class=\"stat-lbl\"\u003eOn-The-Go\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-val\"\u003eUSB-A\u003c\/span\u003e\n \u003cspan class=\"stat-lbl\"\u003eFull-Size Output\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-val\"\u003e12mo\u003c\/span\u003e\n \u003cspan class=\"stat-lbl\"\u003eWarranty\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Connector visual --\u003e\n \u003cdiv class=\"hero-visual\"\u003e\n \u003cdiv class=\"conn-block\"\u003e\n \u003cdiv class=\"conn-plug input\"\u003e🔵 USB-C\u003c\/div\u003e\n \u003cdiv class=\"conn-label\"\u003eYour Device\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"conn-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"conn-block\"\u003e\n \u003cdiv class=\"conn-plug output\"\u003e⬜ USB-A\u003c\/div\u003e\n \u003cdiv class=\"conn-label\"\u003eYour Accessory\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ── Use Cases ── *\/\n \u003cdiv class=\"section-label\"\u003eWhat You Can Connect\u003c\/div\u003e\n \u003cdiv class=\"section-title\"\u003eOne Adapter. Endless Possibilities.\u003c\/div\u003e\n \u003cdiv class=\"usecase-grid\"\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cdiv class=\"usecase-icon\"\u003e💾\u003c\/div\u003e\n \u003cdiv class=\"usecase-title\"\u003eFlash Drives\u003c\/div\u003e\n \u003cdiv class=\"usecase-desc\"\u003eTransfer files, photos, and videos to and from USB-A flash drives on any USB-C device.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cdiv class=\"usecase-icon\"\u003e⌨️\u003c\/div\u003e\n \u003cdiv class=\"usecase-title\"\u003eKeyboards\u003c\/div\u003e\n \u003cdiv class=\"usecase-desc\"\u003eConnect a full-size USB-A keyboard to your phone or tablet for faster, easier typing.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cdiv class=\"usecase-icon\"\u003e🖱️\u003c\/div\u003e\n \u003cdiv class=\"usecase-title\"\u003eMouse\u003c\/div\u003e\n \u003cdiv class=\"usecase-desc\"\u003ePlug in a USB-A mouse for precise navigation on your USB-C phone, tablet, or laptop.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cdiv class=\"usecase-icon\"\u003e🎮\u003c\/div\u003e\n \u003cdiv class=\"usecase-title\"\u003eControllers\u003c\/div\u003e\n \u003cdiv class=\"usecase-desc\"\u003eHook up USB-A game controllers for a proper mobile or tablet gaming experience.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cdiv class=\"usecase-icon\"\u003e📷\u003c\/div\u003e\n \u003cdiv class=\"usecase-title\"\u003eCameras \u0026 Card Readers\u003c\/div\u003e\n \u003cdiv class=\"usecase-desc\"\u003eImport photos directly from USB-A cameras or card readers — no computer needed.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usecase-card\"\u003e\n \u003cdiv class=\"usecase-icon\"\u003e🔌\u003c\/div\u003e\n \u003cdiv class=\"usecase-title\"\u003eUSB-A Hubs \u0026 More\u003c\/div\u003e\n \u003cdiv class=\"usecase-desc\"\u003eConnect a USB-A hub to expand even further — the possibilities are virtually limitless.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ── OTG Explained ── --\u003e\n \u003cdiv class=\"otg-banner\"\u003e\n \u003cdiv class=\"otg-left\"\u003e\n \u003ch3\u003eWhat Is OTG \u0026amp; Why Does It Matter?\u003c\/h3\u003e\n \u003cp\u003eOTG (On-The-Go) technology allows your USB-C device to act as a host — meaning it can read and interact with USB accessories directly, just like a computer. The OTG02-C makes this possible with a simple, compact adapter that requires zero setup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"otg-list\"\u003e\n \u003cdiv class=\"otg-item\"\u003e\n \u003cdiv class=\"otg-item-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"otg-item-text\"\u003e\n \u003cstrong\u003ePlug \u0026amp; Play\u003c\/strong\u003e\n \u003cspan\u003eNo drivers or software needed\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"otg-item\"\u003e\n \u003cdiv class=\"otg-item-icon\"\u003e💻\u003c\/div\u003e\n \u003cdiv class=\"otg-item-text\"\u003e\n \u003cstrong\u003eWorks Like a Computer Port\u003c\/strong\u003e\n \u003cspan\u003eYour device hosts USB-A accessories\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"otg-item\"\u003e\n \u003cdiv class=\"otg-item-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"otg-item-text\"\u003e\n \u003cstrong\u003eUltra Compact\u003c\/strong\u003e\n \u003cspan\u003ePocket-sized, always carry-ready\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"otg-item\"\u003e\n \u003cdiv class=\"otg-item-icon\"\u003e🔁\u003c\/div\u003e\n \u003cdiv class=\"otg-item-text\"\u003e\n \u003cstrong\u003eTwo-Way Data Transfer\u003c\/strong\u003e\n \u003cspan\u003eRead and write to USB-A devices\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ── Feature Cards ── --\u003e\n \u003cdiv class=\"section-label\"\u003eProduct Features\u003c\/div\u003e\n \u003cdiv class=\"section-title\"\u003eBuilt for Instant Connectivity\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feat-card\"\u003e\n \u003cspan class=\"feat-icon\"\u003e🔀\u003c\/span\u003e\n \u003cdiv class=\"feat-title\"\u003eUSB-C to USB-A Conversion\u003c\/div\u003e\n \u003cdiv class=\"feat-desc\"\u003eInstantly bridges the gap between modern USB-C devices and the vast ecosystem of USB-A accessories.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feat-card\"\u003e\n \u003cspan class=\"feat-icon\"\u003e📂\u003c\/span\u003e\n \u003cdiv class=\"feat-title\"\u003eFast Data Transfer\u003c\/div\u003e\n \u003cdiv class=\"feat-desc\"\u003eSupports high-speed data transfer between your USB-C device and USB-A storage or peripherals.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feat-card\"\u003e\n \u003cspan class=\"feat-icon\"\u003e🧳\u003c\/span\u003e\n \u003cdiv class=\"feat-title\"\u003eTravel-Ready Size\u003c\/div\u003e\n \u003cdiv class=\"feat-desc\"\u003eCompact and lightweight enough to live permanently in your bag, wallet, or tech pouch — ready whenever you need it.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feat-card\"\u003e\n \u003cspan class=\"feat-icon\"\u003e🔧\u003c\/span\u003e\n \u003cdiv class=\"feat-title\"\u003eZero Configuration\u003c\/div\u003e\n \u003cdiv class=\"feat-desc\"\u003eNo apps, no drivers, no settings. Simply plug the adapter in and your device recognises the connected USB-A accessory instantly.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ── Specs ── --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n \u003cdiv class=\"section-title\"\u003eFull Product Details\u003c\/div\u003e\n \u003ctable class=\"specs-table\" aria-label=\"Product specifications\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003eUSB-C to USB-A Expansion OTG Adapter\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eOTG02-C USB\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eInput Connector\u003c\/td\u003e\n\u003ctd\u003eUSB-C Male\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eOutput Connector\u003c\/td\u003e\n\u003ctd\u003eUSB-A Female\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eTechnology\u003c\/td\u003e\n\u003ctd\u003eOTG (On-The-Go)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003ePlug \u0026amp; Play\u003c\/td\u003e\n\u003ctd\u003eYes — No drivers required\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- ── Compatibility ── --\u003e\n \u003cdiv class=\"compat-section\"\u003e\n \u003cdiv class=\"section-label\"\u003eCompatibility\u003c\/div\u003e\n \u003cdiv class=\"section-title\"\u003eWorks With\u003c\/div\u003e\n \u003cdiv class=\"compat-note\"\u003e\n \u003cstrong\u003eNote:\u003c\/strong\u003e Compatible with all USB-C devices that support OTG (On-The-Go) functionality. Most modern Android smartphones, tablets, and USB-C laptops support OTG. Some manufacturers may limit OTG functionality — please check your device specifications if unsure.\n \u003c\/div\u003e\n \u003cdiv class=\"compat-tags\"\u003e\n \u003cspan class=\"compat-tag\"\u003eSamsung Galaxy Series\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eGoogle Pixel Series\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eiPhone 15 \u0026amp; 16 Series\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eiPad Pro (USB-C)\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eiPad Air (USB-C)\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eMacBook \/ MacBook Pro\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eAll USB-C Android Phones\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eUSB-C Windows Laptops\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eUSB-A Flash Drives\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eUSB-A Keyboards \u0026amp; Mice\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eUSB-A Card Readers\u003c\/span\u003e\n \u003cspan class=\"compat-tag\"\u003eUSB-A Game Controllers\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ── Warranty ── --\u003e\n \u003cdiv class=\"warranty-banner\"\u003e\n \u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"warranty-text\"\u003e\n \u003ch3\u003e12-Month Warranty Included\u003c\/h3\u003e\n \u003cp\u003eEvery OTG02-C adapter is backed by a full 12-month manufacturer's warranty. Quality-checked before dispatch — buy with complete confidence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ── In the Box ── --\u003e\n \u003cdiv class=\"section-label\"\u003eIn the Box\u003c\/div\u003e\n \u003cdiv class=\"section-title\" style=\"margin-bottom:20px;\"\u003eWhat's Included\u003c\/div\u003e\n \u003cul class=\"inbox-list\"\u003e\n \u003cli\u003eUSB-C to USB-A Expansion OTG Adapter (OTG02-C)\u003c\/li\u003e\n \u003cli\u003eUser Manual \/ Product Card\u003c\/li\u003e\n \u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49363409666393,"sku":null,"price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/207B9071-2FB6-4AA6-8894-9E8E07F547C7.jpg?v=1727169149"},{"product_id":"usb-c-to-3-5mm-usb-c-female-adapter-adp12-c","title":"USB-C to 3.5mm \u0026 USB-C Female Port Adapter | Charge \u0026 Listen Simultaneously | Aluminium Alloy USB-C Audio Charging Adapter – ADP12-C (12cm)","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800\u0026amp;family=Playfair+Display:wght@700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --surface: #f6f7f9;\n --surface-alt: #eef0f4;\n --accent: #2563eb;\n --accent-light: #3b82f6;\n --accent-dim: #2563eb0e;\n --accent-border: #2563eb28;\n --silver: #8c9db5;\n --silver-dim: #8c9db512;\n --text: #0f1623;\n --text-muted: #64748b;\n --border: #e2e8f0;\n --shadow: 0 1px 10px #0f162308;\n --shadow-md: 0 6px 30px #0f162310;\n --shadow-lg: 0 16px 48px #0f162318;\n --radius: 20px;\n --radius-sm: 12px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 16px;\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n }\n\n .pd-wrap {\n max-width: 880px;\n margin: 0 auto;\n padding: 44px 24px 72px;\n }\n\n \/* ── Hero ── *\/\n .hero {\n background: linear-gradient(150deg, #f0f4ff 0%, #fafbff 50%, #f5f0ff 100%);\n border: 1px solid #dde3f0;\n border-radius: var(--radius);\n padding: 56px 44px;\n position: relative;\n overflow: hidden;\n margin-bottom: 48px;\n box-shadow: var(--shadow-lg);\n }\n\n \/* Decorative metallic sheen circles *\/\n .hero::before {\n content: '';\n position: absolute;\n top: -80px; right: -80px;\n width: 320px; height: 320px;\n border-radius: 50%;\n background: radial-gradient(circle, #2563eb08 0%, transparent 65%);\n pointer-events: none;\n }\n\n .hero::after {\n content: '';\n position: absolute;\n bottom: -60px; left: -60px;\n width: 240px; height: 240px;\n border-radius: 50%;\n background: radial-gradient(circle, #8c9db510 0%, transparent 65%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: var(--accent-dim);\n border: 1px solid var(--accent-border);\n color: var(--accent);\n font-size: 10.5px;\n font-weight: 800;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n padding: 5px 15px;\n border-radius: 100px;\n margin-bottom: 22px;\n }\n\n .hero-badge::before { content: '⚙️'; font-size: 12px; }\n\n .hero h1 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: clamp(26px, 5vw, 41px);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.03em;\n color: var(--text);\n margin-bottom: 15px;\n max-width: 480px;\n }\n\n .hero h1 span { color: var(--accent); }\n\n .hero-sub {\n color: var(--text-muted);\n font-size: 15px;\n font-weight: 400;\n max-width: 400px;\n margin-bottom: 34px;\n line-height: 1.7;\n }\n\n .hero-stats {\n display: flex;\n gap: 34px;\n flex-wrap: wrap;\n }\n\n .stat { display: flex; flex-direction: column; gap: 2px; }\n\n .stat-val {\n font-size: 27px;\n font-weight: 800;\n color: var(--accent);\n line-height: 1;\n letter-spacing: -0.02em;\n }\n\n .stat-lbl {\n font-size: 11.5px;\n color: var(--text-muted);\n font-weight: 500;\n letter-spacing: 0.03em;\n }\n\n \/* Port diagram *\/\n .hero-visual {\n position: absolute;\n right: 44px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0;\n z-index: 2;\n }\n\n .port-input {\n background: linear-gradient(135deg, #1e3a8a, #2563eb);\n color: #fff;\n font-size: 11.5px;\n font-weight: 800;\n padding: 11px 22px;\n border-radius: 10px;\n letter-spacing: 0.05em;\n box-shadow: 0 6px 20px #2563eb35;\n white-space: nowrap;\n }\n\n .port-connector {\n width: 2px;\n height: 22px;\n background: linear-gradient(to bottom, #2563eb60, #8c9db560);\n }\n\n .port-body {\n background: #fff;\n border: 1.5px solid #dde3f0;\n border-radius: 12px;\n padding: 14px 18px;\n box-shadow: var(--shadow-md);\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 160px;\n }\n\n .port-out {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 9px 12px;\n border-radius: 8px;\n border: 1px solid var(--border);\n background: var(--surface);\n animation: portFloat 3.5s ease-in-out infinite;\n transition: border-color 0.2s;\n }\n\n .port-out:nth-child(2) { animation-delay: 1.75s; }\n\n @keyframes portFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-4px); }\n }\n\n .port-out-icon {\n width: 30px; height: 30px;\n background: var(--accent-dim);\n border-radius: 7px;\n display: flex; align-items: center; justify-content: center;\n font-size: 15px;\n flex-shrink: 0;\n }\n\n .port-out-label strong {\n display: block;\n font-size: 12px;\n font-weight: 800;\n color: var(--text);\n line-height: 1.2;\n }\n\n .port-out-label span {\n font-size: 10.5px;\n color: var(--text-muted);\n }\n\n @media (max-width: 680px) {\n .hero { padding: 36px 24px 230px; }\n .hero-visual { top: auto; bottom: 24px; right: 50%; transform: translateX(50%); }\n }\n\n \/* ── Section ── *\/\n .section-label {\n font-size: 10.5px;\n font-weight: 800;\n letter-spacing: 0.17em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 7px;\n }\n\n .section-title {\n font-size: clamp(19px, 3.5vw, 25px);\n font-weight: 800;\n letter-spacing: -0.022em;\n color: var(--text);\n margin-bottom: 26px;\n line-height: 1.2;\n }\n\n \/* ── Use Case Cards ── *\/\n .usecase-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n margin-bottom: 52px;\n }\n\n @media (max-width: 540px) { .usecase-row { grid-template-columns: 1fr; } }\n\n .usecase-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 28px 20px;\n text-align: center;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s, box-shadow 0.22s;\n position: relative;\n overflow: hidden;\n }\n\n .usecase-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.22s;\n }\n\n .usecase-card:hover { border-color: var(--accent-border); transform: translateY(-3px); box-shadow: var(--shadow-md); }\n .usecase-card:hover::after { opacity: 1; }\n\n .usecase-icon { font-size: 34px; margin-bottom: 12px; }\n\n .usecase-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n margin-bottom: 6px;\n }\n\n .usecase-desc {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n \/* ── Material Highlight ── *\/\n .material-banner {\n background: linear-gradient(135deg, #f0f4ff 0%, #f8faff 100%);\n border: 1px solid var(--accent-border);\n border-radius: var(--radius);\n padding: 38px 44px;\n margin-bottom: 52px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 36px;\n align-items: center;\n box-shadow: var(--shadow);\n }\n\n @media (max-width: 580px) { .material-banner { grid-template-columns: 1fr; padding: 28px 24px; } }\n\n .mat-left h3 {\n font-size: 21px;\n font-weight: 800;\n color: var(--text);\n margin-bottom: 10px;\n letter-spacing: -0.02em;\n line-height: 1.25;\n }\n\n .mat-left p {\n font-size: 14px;\n color: var(--text-muted);\n line-height: 1.7;\n }\n\n .mat-pills {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .mat-pill {\n display: flex;\n align-items: center;\n gap: 13px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 13px 18px;\n box-shadow: var(--shadow);\n transition: border-color 0.2s;\n }\n\n .mat-pill:hover { border-color: var(--accent-border); }\n\n .mat-pill-icon {\n width: 38px; height: 38px;\n background: var(--accent-dim);\n border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n font-size: 19px;\n flex-shrink: 0;\n }\n\n .mat-pill-text strong {\n display: block;\n font-size: 13.5px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 1px;\n }\n\n .mat-pill-text span {\n font-size: 12px;\n color: var(--text-muted);\n }\n\n \/* ── Feature Cards ── *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 14px;\n margin-bottom: 52px;\n }\n\n .feat-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s;\n }\n\n .feat-card:hover { border-color: var(--accent-border); transform: translateY(-3px); }\n\n .feat-icon { font-size: 28px; margin-bottom: 13px; display: block; }\n\n .feat-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n margin-bottom: 6px;\n }\n\n .feat-desc {\n font-size: 13.5px;\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n \/* ── How It Works ── *\/\n .how-section {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px;\n margin-bottom: 52px;\n box-shadow: var(--shadow);\n }\n\n .how-steps {\n display: flex;\n align-items: flex-start;\n gap: 0;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: 6px;\n }\n\n .how-step {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n flex: 1;\n min-width: 120px;\n padding: 0 10px;\n }\n\n .how-num {\n width: 42px; height: 42px;\n background: var(--accent);\n color: #fff;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 16px;\n font-weight: 800;\n margin-bottom: 11px;\n box-shadow: 0 4px 14px #2563eb2a;\n flex-shrink: 0;\n }\n\n .how-step-icon { font-size: 26px; margin-bottom: 8px; }\n\n .how-step-title {\n font-size: 13.5px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 4px;\n }\n\n .how-step-desc {\n font-size: 12px;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n .how-arrow {\n font-size: 20px;\n color: #cbd5e1;\n padding: 0 4px;\n flex-shrink: 0;\n margin-top: 20px;\n }\n\n @media (max-width: 560px) { .how-arrow { display: none; } .how-steps { gap: 20px; } }\n\n \/* ── Specs ── *\/\n .specs-section { margin-bottom: 52px; }\n\n .specs-table {\n width: 100%;\n border-collapse: collapse;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: var(--shadow);\n }\n\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td { padding: 14px 22px; font-size: 14px; }\n\n .specs-table td:first-child {\n font-weight: 700;\n font-size: 12.5px;\n letter-spacing: 0.04em;\n color: var(--text-muted);\n width: 40%;\n background: var(--surface);\n }\n\n .specs-table td:last-child { color: var(--text); background: var(--bg); }\n\n \/* ── Compatibility ── *\/\n .compat-section { margin-bottom: 52px; }\n\n .compat-note {\n background: var(--surface);\n border: 1px solid var(--border);\n border-left: 4px solid var(--accent);\n border-radius: var(--radius-sm);\n padding: 15px 20px;\n font-size: 13.5px;\n color: var(--text-muted);\n margin-bottom: 18px;\n line-height: 1.6;\n }\n\n .compat-note strong { color: var(--text); }\n\n .compat-tags { display: flex; flex-wrap: wrap; gap: 10px; }\n\n .compat-tag {\n display: flex;\n align-items: center;\n gap: 7px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 7px 16px;\n font-size: 13px;\n color: var(--text);\n transition: border-color 0.2s, background 0.2s, color 0.2s;\n }\n\n .compat-tag:hover { border-color: var(--accent-border); background: var(--accent-dim); color: var(--accent); }\n .compat-tag::before { content: '✓'; color: var(--accent); font-size: 12px; font-weight: 700; }\n\n \/* ── Warranty ── *\/\n .warranty-banner {\n background: linear-gradient(135deg, #f0f4ff, #f5f0ff);\n border: 1px solid var(--accent-border);\n border-radius: var(--radius);\n padding: 34px 40px;\n display: flex;\n align-items: center;\n gap: 26px;\n margin-bottom: 44px;\n flex-wrap: wrap;\n box-shadow: var(--shadow);\n }\n\n .warranty-icon { font-size: 50px; flex-shrink: 0; }\n\n .warranty-text h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--accent);\n margin-bottom: 5px;\n }\n\n .warranty-text p { font-size: 14px; color: var(--text-muted); line-height: 1.6; }\n\n \/* ── In the Box ── *\/\n .inbox-list { list-style: none; display: flex; flex-direction: column; gap: 11px; }\n\n .inbox-list li {\n display: flex;\n align-items: center;\n gap: 13px;\n font-size: 14.5px;\n color: var(--text);\n }\n\n .inbox-list li::before {\n content: '';\n width: 7px; height: 7px;\n border-radius: 50%;\n background: var(--accent);\n flex-shrink: 0;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pd-wrap\"\u003e\n\u003c!-- ── Hero ── --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-badge\"\u003eUSB-C Dual Port Adapter · ADP12-C\u003c\/div\u003e\n\u003ch1\u003eYour USB-C Port.\u003cbr\u003e\u003cspan\u003eNow Does Two Things.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eConnect your 3.5mm headphones and charge your device simultaneously — no dongles, no compromises. Machined from premium aluminium alloy for a finish that matches your device.\u003c\/p\u003e\n\u003cdiv class=\"hero-stats\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003e2-in-1\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eOutput Ports\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003e12cm\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003eAlloy\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eAluminium Build\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Visual port diagram --\u003e\n\u003cdiv class=\"hero-visual\"\u003e\n\u003cdiv class=\"port-input\"\u003e🔵 USB-C Input\u003c\/div\u003e\n\u003cdiv class=\"port-connector\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"port-body\"\u003e\n\u003cdiv class=\"port-out\"\u003e\n\u003cdiv class=\"port-out-icon\"\u003e🔋\u003c\/div\u003e\n\u003cdiv class=\"port-out-label\"\u003e\n\u003cstrong\u003eUSB-C Female\u003c\/strong\u003e \u003cspan\u003eCharging Port\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"port-out\"\u003e\n\u003cdiv class=\"port-out-icon\"\u003e🎧\u003c\/div\u003e\n\u003cdiv class=\"port-out-label\"\u003e\n\u003cstrong\u003e3.5mm Jack\u003c\/strong\u003e \u003cspan\u003eAudio \/ Call Port\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Use Cases ── --\u003e\n\u003cdiv class=\"section-label\"\u003eWhat You Can Do\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eCharge. Listen. Call. All at Once.\u003c\/div\u003e\n\u003cdiv class=\"usecase-row\"\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e🔋\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eCharge\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eKeep your device powered up through the USB-C port while using your headphones — no battery anxiety.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e🎧\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eListen\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eUse any standard 3.5mm wired earphones or headphones — enjoy full audio quality without Bluetooth.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e📞\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eCall\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eTake and make calls hands-free through your wired headset mic while your phone stays on charge.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Material Highlight ── --\u003e\n\u003cdiv class=\"material-banner\"\u003e\n\u003cdiv class=\"mat-left\"\u003e\n\u003ch3\u003eAluminium Alloy — Built to Last\u003c\/h3\u003e\n\u003cp\u003eUnlike plastic adapters that crack and degrade, the ADP12-C is precision-machined from aluminium alloy. It's lighter than you'd expect, tougher than it looks, and designed to complement the premium finish of modern USB-C devices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-pills\"\u003e\n\u003cdiv class=\"mat-pill\"\u003e\n\u003cdiv class=\"mat-pill-icon\"\u003e🏗️\u003c\/div\u003e\n\u003cdiv class=\"mat-pill-text\"\u003e\n\u003cstrong\u003eAluminium Alloy Shell\u003c\/strong\u003e \u003cspan\u003eResistant to daily wear and bending\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-pill\"\u003e\n\u003cdiv class=\"mat-pill-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"mat-pill-text\"\u003e\n\u003cstrong\u003eUltralight \u0026amp; Compact\u003c\/strong\u003e \u003cspan\u003e12cm — pocket and bag friendly\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mat-pill\"\u003e\n\u003cdiv class=\"mat-pill-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"mat-pill-text\"\u003e\n\u003cstrong\u003ePremium Finish\u003c\/strong\u003e \u003cspan\u003eMatches modern USB-C device aesthetics\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── How It Works ── --\u003e\n\u003cdiv class=\"how-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eHow It Works\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003ePlug In and Go\u003c\/div\u003e\n\u003cdiv class=\"how-steps\"\u003e\n\u003cdiv class=\"how-step\"\u003e\n\u003cdiv class=\"how-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"how-step-icon\"\u003e🔌\u003c\/div\u003e\n\u003cdiv class=\"how-step-title\"\u003ePlug In\u003c\/div\u003e\n\u003cdiv class=\"how-step-desc\"\u003eInsert the ADP12-C into your device's USB-C port\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-arrow\"\u003e›\u003c\/div\u003e\n\u003cdiv class=\"how-step\"\u003e\n\u003cdiv class=\"how-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"how-step-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"how-step-title\"\u003eConnect Charger\u003c\/div\u003e\n\u003cdiv class=\"how-step-desc\"\u003ePlug your USB-C charging cable into the female USB-C port\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-arrow\"\u003e›\u003c\/div\u003e\n\u003cdiv class=\"how-step\"\u003e\n\u003cdiv class=\"how-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"how-step-icon\"\u003e🎧\u003c\/div\u003e\n\u003cdiv class=\"how-step-title\"\u003eConnect Headphones\u003c\/div\u003e\n\u003cdiv class=\"how-step-desc\"\u003eInsert your 3.5mm earphones or headset into the audio jack\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-arrow\"\u003e›\u003c\/div\u003e\n\u003cdiv class=\"how-step\"\u003e\n\u003cdiv class=\"how-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"how-step-icon\"\u003e✅\u003c\/div\u003e\n\u003cdiv class=\"how-step-title\"\u003eDone\u003c\/div\u003e\n\u003cdiv class=\"how-step-desc\"\u003eCharge, listen, and call — all from one USB-C port\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Feature Cards ── --\u003e\n\u003cdiv class=\"section-label\"\u003eProduct Features\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eEngineered for Everyday Use\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🔀\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eDual Output Ports\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eOne USB-C male input splits into a USB-C female charging port and a 3.5mm audio jack — two functions, one adapter.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🏗️\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eAluminium Alloy Construction\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003ePrecision-machined metal body provides durability far beyond plastic alternatives and resists everyday wear.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e📐\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eCompact 12cm Design\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eThe short 12cm cable keeps everything tidy and portable — slips easily into any pocket, case, or bag.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🎙️\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eMicrophone Support\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eFull call functionality through your 3.5mm headset — make and receive calls clearly while charging.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Specs ── --\u003e\n\u003cdiv class=\"specs-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eFull Product Details\u003c\/div\u003e\n\u003ctable aria-label=\"Product specifications\" class=\"specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003eUSB-C to 3.5mm \u0026amp; USB-C Female Port Adapter\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP12-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eAluminium Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInput Connector\u003c\/td\u003e\n\u003ctd\u003eUSB-C Male\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOutput Port 1\u003c\/td\u003e\n\u003ctd\u003eUSB-C Female (Charging)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOutput Port 2\u003c\/td\u003e\n\u003ctd\u003e3.5mm Audio Jack\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCable Length\u003c\/td\u003e\n\u003ctd\u003e0.12m (12cm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFunction\u003c\/td\u003e\n\u003ctd\u003eCharge, Call \u0026amp; Listen Simultaneously\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- ── Compatibility ── --\u003e\n\u003cdiv class=\"compat-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eCompatibility\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWorks With\u003c\/div\u003e\n\u003cdiv class=\"compat-note\"\u003e\n\u003cstrong\u003eNote:\u003c\/strong\u003e Compatible with all USB-C devices. Supports standard 3.5mm TRRS headsets (audio + microphone). Charging passthrough performance depends on your USB-C power adapter and cable.\u003c\/div\u003e\n\u003cdiv class=\"compat-tags\"\u003e\n\u003cspan class=\"compat-tag\"\u003eSamsung Galaxy Series\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eGoogle Pixel Series\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPad Pro (USB-C)\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPad Air (USB-C)\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eMacBook \/ MacBook Pro\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPhone 15 \u0026amp; 15 Pro\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPhone 16 Series\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eAll USB-C Android Phones\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e3.5mm Wired Earphones\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e3.5mm TRRS Headsets\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Warranty ── --\u003e\n\u003cdiv class=\"warranty-banner\"\u003e\n\u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"warranty-text\"\u003e\n\u003ch3\u003e12-Month Warranty Included\u003c\/h3\u003e\n\u003cp\u003eEvery ADP12-C adapter is backed by a full 12-month manufacturer's warranty. Quality-checked before dispatch — buy with complete confidence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── In the Box ── --\u003e\n\u003cdiv class=\"section-label\"\u003eIn the Box\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWhat's Included\u003c\/div\u003e\n\u003cul class=\"inbox-list\"\u003e\n\u003cli\u003eUSB-C to 3.5mm \u0026amp; USB-C Female Port Adapter (ADP12-C)\u003c\/li\u003e\n\u003cli\u003eUser Manual \/ Product Card\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49363667353945,"sku":null,"price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/54DA9A94-01A1-4B48-8FF7-358886D877F1.png?v=1727170325"},{"product_id":"8-pin-dual-female-splitter-adapter-adp11-2l","title":"8-Pin to Dual Female 8-Pin Splitter Adapter | Charge \u0026 Listen Simultaneously | Call, Music \u0026 Charging Adapter Cable – ADP11-2L (12cm Silicone)","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800\u0026amp;family=Lora:ital,wght@0,400;0,600;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n :root {\n --bg: #ffffff;\n --surface: #f8f8f8;\n --surface-alt: #f1f1f1;\n --accent: #d4581a;\n --accent-light: #f97316;\n --accent-dim: #d4581a10;\n --accent-border: #d4581a30;\n --text: #181818;\n --text-muted: #6b6b6b;\n --border: #e8e8e8;\n --shadow: 0 2px 12px #18181808;\n --shadow-md: 0 6px 28px #18181812;\n --radius: 20px;\n --radius-sm: 12px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'Outfit', sans-serif;\n font-size: 16px;\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n }\n\n .pd-wrap {\n max-width: 880px;\n margin: 0 auto;\n padding: 44px 24px 72px;\n }\n\n \/* ── Hero ── *\/\n .hero {\n background: linear-gradient(145deg, #fff7f3 0%, #fffcfa 50%, #fff3ed 100%);\n border: 1px solid #f0d5c8;\n border-radius: var(--radius);\n padding: 54px 44px 54px;\n position: relative;\n overflow: hidden;\n margin-bottom: 44px;\n box-shadow: var(--shadow-md);\n }\n\n .hero::after {\n content: '';\n position: absolute;\n right: -60px;\n top: 50%;\n transform: translateY(-50%);\n width: 340px;\n height: 340px;\n border-radius: 50%;\n background: radial-gradient(circle, #d4581a0c 0%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n background: var(--accent-dim);\n border: 1px solid var(--accent-border);\n color: var(--accent);\n font-family: 'Outfit', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n padding: 5px 15px;\n border-radius: 100px;\n margin-bottom: 22px;\n }\n\n .hero h1 {\n font-family: 'Outfit', sans-serif;\n font-size: clamp(26px, 5vw, 40px);\n font-weight: 800;\n line-height: 1.12;\n letter-spacing: -0.025em;\n color: var(--text);\n margin-bottom: 14px;\n max-width: 490px;\n }\n\n .hero h1 span { color: var(--accent); }\n\n .hero-sub {\n color: var(--text-muted);\n font-size: 15px;\n font-weight: 400;\n max-width: 420px;\n margin-bottom: 34px;\n line-height: 1.65;\n }\n\n .hero-stats {\n display: flex;\n gap: 32px;\n flex-wrap: wrap;\n }\n\n .stat { display: flex; flex-direction: column; gap: 2px; }\n\n .stat-val {\n font-family: 'Outfit', sans-serif;\n font-size: 28px;\n font-weight: 800;\n color: var(--accent);\n line-height: 1;\n }\n\n .stat-lbl {\n font-size: 12px;\n color: var(--text-muted);\n font-weight: 500;\n letter-spacing: 0.03em;\n }\n\n \/* Split diagram pill row *\/\n .hero-diagram {\n position: absolute;\n right: 44px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0;\n }\n\n .diag-source {\n background: var(--accent);\n color: #fff;\n font-family: 'Outfit', sans-serif;\n font-size: 12px;\n font-weight: 700;\n padding: 10px 20px;\n border-radius: 10px;\n white-space: nowrap;\n letter-spacing: 0.04em;\n box-shadow: 0 4px 16px #d4581a30;\n }\n\n .diag-line {\n width: 2px;\n height: 20px;\n background: var(--accent-border);\n }\n\n .diag-fork {\n display: flex;\n align-items: flex-start;\n gap: 0;\n position: relative;\n }\n\n .diag-fork::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 72px;\n height: 2px;\n background: var(--accent-border);\n }\n\n .diag-arm {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80px;\n }\n\n .diag-arm-line {\n width: 2px;\n height: 18px;\n background: var(--accent-border);\n }\n\n .diag-port {\n background: var(--bg);\n border: 1.5px solid var(--accent-border);\n border-radius: 9px;\n padding: 9px 14px;\n font-family: 'Outfit', sans-serif;\n font-size: 11px;\n font-weight: 700;\n color: var(--accent);\n white-space: nowrap;\n text-align: center;\n box-shadow: var(--shadow);\n animation: floatAlt 3s ease-in-out infinite;\n }\n\n .diag-arm:last-child .diag-port { animation-delay: 1.5s; }\n\n .diag-port-sub {\n font-size: 10px;\n font-weight: 500;\n color: var(--text-muted);\n margin-top: 2px;\n }\n\n @keyframes floatAlt {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n @media (max-width: 680px) {\n .hero { padding: 36px 24px 200px; }\n .hero-diagram { top: auto; bottom: 24px; right: 50%; transform: translateX(50%); }\n }\n\n \/* ── Section ── *\/\n .section-label {\n font-family: 'Outfit', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 7px;\n }\n\n .section-title {\n font-family: 'Outfit', sans-serif;\n font-size: clamp(19px, 3.5vw, 25px);\n font-weight: 800;\n letter-spacing: -0.02em;\n color: var(--text);\n margin-bottom: 26px;\n line-height: 1.2;\n }\n\n \/* ── Use Case Banner ── *\/\n .usecase-banner {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n margin-bottom: 50px;\n }\n\n @media (max-width: 540px) {\n .usecase-banner { grid-template-columns: 1fr; }\n }\n\n .usecase-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 28px 22px;\n text-align: center;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s, box-shadow 0.22s;\n position: relative;\n overflow: hidden;\n }\n\n .usecase-card::before {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.22s;\n }\n\n .usecase-card:hover {\n border-color: var(--accent-border);\n transform: translateY(-3px);\n box-shadow: var(--shadow-md);\n }\n\n .usecase-card:hover::before { opacity: 1; }\n\n .usecase-icon { font-size: 34px; margin-bottom: 12px; }\n\n .usecase-title {\n font-family: 'Outfit', sans-serif;\n font-size: 15px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 6px;\n }\n\n .usecase-desc {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n \/* ── How It Works ── *\/\n .how-section {\n background: linear-gradient(135deg, #fff7f3 0%, #fffaf8 100%);\n border: 1px solid #f0d5c8;\n border-radius: var(--radius);\n padding: 40px;\n margin-bottom: 50px;\n box-shadow: var(--shadow);\n }\n\n .how-steps {\n display: flex;\n align-items: center;\n gap: 0;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: 4px;\n }\n\n .how-step {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n flex: 1;\n min-width: 120px;\n padding: 0 10px;\n }\n\n .how-num {\n width: 44px;\n height: 44px;\n background: var(--accent);\n color: #fff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Outfit', sans-serif;\n font-size: 17px;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 4px 14px #d4581a28;\n flex-shrink: 0;\n }\n\n .how-step-icon { font-size: 28px; margin-bottom: 8px; }\n\n .how-step-title {\n font-family: 'Outfit', sans-serif;\n font-size: 13.5px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 4px;\n }\n\n .how-step-desc {\n font-size: 12px;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n .how-arrow {\n font-size: 20px;\n color: var(--accent-border);\n padding: 0 4px;\n flex-shrink: 0;\n margin-bottom: 30px;\n }\n\n @media (max-width: 560px) {\n .how-arrow { display: none; }\n .how-steps { gap: 20px; }\n }\n\n \/* ── Feature Cards ── *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 14px;\n margin-bottom: 50px;\n }\n\n .feat-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n box-shadow: var(--shadow);\n transition: border-color 0.22s, transform 0.22s;\n }\n\n .feat-card:hover {\n border-color: var(--accent-border);\n transform: translateY(-3px);\n }\n\n .feat-icon { font-size: 28px; margin-bottom: 13px; display: block; }\n\n .feat-title {\n font-family: 'Outfit', sans-serif;\n font-size: 15px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 6px;\n }\n\n .feat-desc {\n font-size: 13.5px;\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n \/* ── Specs Table ── *\/\n .specs-section { margin-bottom: 50px; }\n\n .specs-table {\n width: 100%;\n border-collapse: collapse;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: var(--shadow);\n }\n\n .specs-table tr { border-bottom: 1px solid var(--border); }\n .specs-table tr:last-child { border-bottom: none; }\n\n .specs-table td {\n padding: 14px 22px;\n font-size: 14px;\n }\n\n .specs-table td:first-child {\n font-family: 'Outfit', sans-serif;\n font-weight: 700;\n font-size: 12.5px;\n letter-spacing: 0.04em;\n color: var(--text-muted);\n width: 40%;\n background: var(--surface);\n }\n\n .specs-table td:last-child {\n color: var(--text);\n background: var(--bg);\n }\n\n \/* ── Compatibility ── *\/\n .compat-section { margin-bottom: 50px; }\n\n .compat-note {\n background: var(--surface);\n border: 1px solid var(--border);\n border-left: 4px solid var(--accent);\n border-radius: var(--radius-sm);\n padding: 16px 20px;\n font-size: 13.5px;\n color: var(--text-muted);\n margin-bottom: 18px;\n line-height: 1.6;\n }\n\n .compat-note strong { color: var(--text); }\n\n .compat-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .compat-tag {\n display: flex;\n align-items: center;\n gap: 7px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 7px 16px;\n font-size: 13px;\n color: var(--text);\n transition: border-color 0.2s, background 0.2s, color 0.2s;\n }\n\n .compat-tag:hover {\n border-color: var(--accent-border);\n background: var(--accent-dim);\n color: var(--accent);\n }\n\n .compat-tag::before {\n content: '✓';\n color: var(--accent);\n font-size: 12px;\n font-weight: 700;\n }\n\n \/* ── Warranty Banner ── *\/\n .warranty-banner {\n background: linear-gradient(135deg, #fff7f3, #fffaf8);\n border: 1px solid var(--accent-border);\n border-radius: var(--radius);\n padding: 34px 40px;\n display: flex;\n align-items: center;\n gap: 26px;\n margin-bottom: 44px;\n flex-wrap: wrap;\n box-shadow: var(--shadow);\n }\n\n .warranty-icon { font-size: 50px; flex-shrink: 0; }\n\n .warranty-text h3 {\n font-family: 'Outfit', sans-serif;\n font-size: 18px;\n font-weight: 800;\n color: var(--accent);\n margin-bottom: 5px;\n }\n\n .warranty-text p {\n font-size: 14px;\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n \/* ── In the Box ── *\/\n .inbox-section { margin-bottom: 8px; }\n\n .inbox-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 11px;\n }\n\n .inbox-list li {\n display: flex;\n align-items: center;\n gap: 13px;\n font-size: 14.5px;\n color: var(--text);\n }\n\n .inbox-list li::before {\n content: '';\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--accent);\n flex-shrink: 0;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"pd-wrap\"\u003e\n\u003c!-- ── Hero ── --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-badge\"\u003e8-Pin Dual Splitter · ADP11-2L\u003c\/div\u003e\n\u003ch1\u003eOne Port.\u003cbr\u003e\u003cspan\u003eTwo Connections.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003ePlug in your earphones and charge your phone at the same time — no more choosing between music and power. Call, listen, and charge simultaneously from a single 8-pin port.\u003c\/p\u003e\n\u003cdiv class=\"hero-stats\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003e2-in-1\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eDual Port Split\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003e12cm\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eCable Length\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-val\"\u003e3-way\u003c\/span\u003e \u003cspan class=\"stat-lbl\"\u003eCharge · Call · Listen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Visual diagram --\u003e\n\u003cdiv class=\"hero-diagram\"\u003e\n\u003cdiv class=\"diag-source\"\u003e⚡ 8-Pin Input\u003c\/div\u003e\n\u003cdiv class=\"diag-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"diag-fork\"\u003e\n\u003cdiv class=\"diag-arm\"\u003e\n\u003cdiv class=\"diag-arm-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"diag-port\"\u003e🔋 Port 1\n\u003cdiv class=\"diag-port-sub\"\u003eCharging\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diag-arm\"\u003e\n\u003cdiv class=\"diag-arm-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"diag-port\"\u003e🎧 Port 2\n\u003cdiv class=\"diag-port-sub\"\u003eAudio \/ Call\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Use Cases ── --\u003e\n\u003cdiv class=\"section-label\"\u003eWhat You Can Do\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eThree Things. One Adapter.\u003c\/div\u003e\n\u003cdiv class=\"usecase-banner\"\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e🔋\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eCharge\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eKeep your phone topped up while using a wired connection — no more dying battery mid-session.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e🎧\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eListen\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eEnjoy your music, podcasts, or videos through wired earphones with no audio compromise.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usecase-card\"\u003e\n\u003cdiv class=\"usecase-icon\"\u003e📞\u003c\/div\u003e\n\u003cdiv class=\"usecase-title\"\u003eCall\u003c\/div\u003e\n\u003cdiv class=\"usecase-desc\"\u003eTake calls hands-free through your wired headset while your phone remains on charge.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── How It Works ── --\u003e\n\u003cdiv class=\"how-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eHow It Works\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eSimple as Plug and Play\u003c\/div\u003e\n\u003cdiv class=\"how-steps\"\u003e\n\u003cdiv class=\"how-step\"\u003e\n\u003cdiv class=\"how-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"how-step-icon\"\u003e🔌\u003c\/div\u003e\n\u003cdiv class=\"how-step-title\"\u003ePlug In\u003c\/div\u003e\n\u003cdiv class=\"how-step-desc\"\u003eConnect the ADP11-2L into your device's 8-pin port\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-arrow\"\u003e›\u003c\/div\u003e\n\u003cdiv class=\"how-step\"\u003e\n\u003cdiv class=\"how-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"how-step-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"how-step-title\"\u003eAttach Charger\u003c\/div\u003e\n\u003cdiv class=\"how-step-desc\"\u003ePlug your charging cable into the first female 8-pin port\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-arrow\"\u003e›\u003c\/div\u003e\n\u003cdiv class=\"how-step\"\u003e\n\u003cdiv class=\"how-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"how-step-icon\"\u003e🎧\u003c\/div\u003e\n\u003cdiv class=\"how-step-title\"\u003eConnect Earphones\u003c\/div\u003e\n\u003cdiv class=\"how-step-desc\"\u003ePlug your wired earphones into the second female 8-pin port\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-arrow\"\u003e›\u003c\/div\u003e\n\u003cdiv class=\"how-step\"\u003e\n\u003cdiv class=\"how-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"how-step-icon\"\u003e✅\u003c\/div\u003e\n\u003cdiv class=\"how-step-title\"\u003eEnjoy Both\u003c\/div\u003e\n\u003cdiv class=\"how-step-desc\"\u003eCharge, listen, and call — all at the same time\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Features ── --\u003e\n\u003cdiv class=\"section-label\"\u003eProduct Features\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eBuilt for Everyday Use\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🧱\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003ePremium Silicone Build\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eFlexible, durable silicone construction resists bending damage and feels premium in hand — built to last through daily use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🔀\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eTrue Dual-Port Split\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eOne 8-pin source splits cleanly into two functional female 8-pin ports, each independently operational for charging and audio.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e📐\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eCompact 12cm Length\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eUltra-short 12cm cable sits flush and tidy without creating clutter — perfect for travel, commuting, and everyday pocket carry.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat-card\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🎙️\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eCall Support\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eMicrophone passthrough means you can answer and make calls through your wired earphones without removing the adapter.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Specs ── --\u003e\n\u003cdiv class=\"specs-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eTechnical Specifications\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eFull Product Details\u003c\/div\u003e\n\u003ctable aria-label=\"Product specifications\" class=\"specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Name\u003c\/td\u003e\n\u003ctd\u003e8-Pin to Dual Female 8-Pin Ports Splitter\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel\u003c\/td\u003e\n\u003ctd\u003eADP11-2L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eSilicone\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eConnector (Input)\u003c\/td\u003e\n\u003ctd\u003e8-Pin Male\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eConnector (Output)\u003c\/td\u003e\n\u003ctd\u003eDual Female 8-Pin Ports\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCable Length\u003c\/td\u003e\n\u003ctd\u003e0.12m (12cm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFunction\u003c\/td\u003e\n\u003ctd\u003eCharge, Call \u0026amp; Listen Simultaneously\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e12 Months\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- ── Compatibility ── --\u003e\n\u003cdiv class=\"compat-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eCompatibility\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWorks With\u003c\/div\u003e\n\u003cdiv class=\"compat-note\"\u003e\n\u003cstrong\u003eNote:\u003c\/strong\u003e This adapter is designed for devices with an 8-pin connector port. Compatible with wired 8-pin earphones, headsets, and standard 8-pin charging cables. A compatible 8-pin to 3.5mm adapter may be required for standard 3.5mm headphone jacks.\u003c\/div\u003e\n\u003cdiv class=\"compat-tags\"\u003e\n\u003cspan class=\"compat-tag\"\u003eiPhone 14\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPhone 13\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPhone 12\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPhone 11\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPhone X \/ XS \/ XR\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPhone SE (2nd \u0026amp; 3rd Gen)\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003eiPad (8-Pin Models)\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e8-Pin Wired Earphones\u003c\/span\u003e \u003cspan class=\"compat-tag\"\u003e8-Pin Charging Cables\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── Warranty ── --\u003e\n\u003cdiv class=\"warranty-banner\"\u003e\n\u003cdiv class=\"warranty-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"warranty-text\"\u003e\n\u003ch3\u003e12-Month Warranty Included\u003c\/h3\u003e\n\u003cp\u003eThe ADP11-2L is backed by a full 12-month manufacturer's warranty. Every adapter is quality-checked before dispatch — buy with complete confidence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ── In the Box ── --\u003e\n\u003cdiv class=\"inbox-section\"\u003e\n\u003cdiv class=\"section-label\"\u003eIn the Box\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003eWhat's Included\u003c\/div\u003e\n\u003cul class=\"inbox-list\"\u003e\n\u003cli\u003e8-Pin to Dual Female 8-Pin Splitter Adapter (ADP11-2L)\u003c\/li\u003e\n\u003cli\u003eUser Manual \/ Product Card\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49363725910361,"sku":null,"price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/619A0AED-5E00-4154-9D08-3DDD3EF0C1FE.png?v=1727170917"},{"product_id":"usb-c-dual-splitter-charge-listen-calls-controls-adp11-2c","title":"USB-C to Dual USB-C Splitter | Charge \u0026 Listen Simultaneously | Calls \u0026 Controls | Aluminium Alloy | Braided Cable | 0.12m | iPhone iPad Android | ADP11-2C","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"USB-C to Dual USB-C Splitter. Charge and listen simultaneously. Supports calls, music, and controls. Aluminium alloy with braided cable. 0.12m length.\"\u003e\n \u003ctitle\u003eUSB-C Splitter | Dual USB-C Ports | Charge + Audio | Aluminium\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n min-height: 100vh;\n }\n\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Hero Section - Modern Violet\/Purple Theme *\/\n .hero-section {\n background: linear-gradient(145deg, #faf5ff 0%, #f3e8ff 50%, #e9d5ff 100%);\n border-radius: 32px;\n padding: 55px 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 1px solid #d8b4fe;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(147,51,234,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(126,34,206,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #9333ea, #7e22ce);\n color: #fff;\n padding: 10px 26px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 11px;\n margin-bottom: 22px;\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n z-index: 1;\n box-shadow: 0 4px 20px rgba(147,51,234,0.4);\n }\n\n .hero-title {\n color: #0f172a;\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n line-height: 1.15;\n letter-spacing: -0.5px;\n }\n\n .hero-title span {\n background: linear-gradient(135deg, #9333ea, #7e22ce);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-tagline {\n color: #64748b;\n font-size: 16px;\n margin-bottom: 35px;\n position: relative;\n z-index: 1;\n font-weight: 400;\n }\n\n .hero-features {\n display: flex;\n justify-content: center;\n gap: 14px;\n flex-wrap: wrap;\n position: relative;\n z-index: 1;\n }\n\n .hero-feature {\n background: #fff;\n border: 2px solid #d8b4fe;\n border-radius: 18px;\n padding: 18px 24px;\n text-align: center;\n min-width: 120px;\n box-shadow: 0 4px 15px rgba(147,51,234,0.1);\n transition: all 0.3s ease;\n }\n\n .hero-feature:hover {\n border-color: #9333ea;\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(147,51,234,0.2);\n }\n\n .hero-feature-value {\n font-size: 22px;\n font-weight: 800;\n color: #0f172a;\n line-height: 1;\n margin-bottom: 5px;\n }\n\n .hero-feature-value.gradient {\n background: linear-gradient(135deg, #9333ea, #7e22ce);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-feature-label {\n font-size: 10px;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* 2-in-1 Function Section *\/\n .dual-section {\n background: linear-gradient(135deg, #581c87 0%, #7e22ce 50%, #9333ea 100%);\n border-radius: 26px;\n padding: 45px;\n margin-bottom: 26px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 50px rgba(126,34,206,0.35);\n }\n\n .dual-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .dual-header {\n text-align: center;\n margin-bottom: 30px;\n }\n\n .dual-header h2 {\n color: #fff;\n font-size: 26px;\n font-weight: 800;\n margin-bottom: 10px;\n }\n\n .dual-header p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n }\n\n .split-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .port-box {\n background: rgba(255,255,255,0.1);\n border: 2px solid rgba(255,255,255,0.2);\n border-radius: 18px;\n padding: 25px 30px;\n text-align: center;\n min-width: 140px;\n transition: all 0.3s ease;\n }\n\n .port-box:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-3px);\n }\n\n .port-icon {\n font-size: 40px;\n margin-bottom: 12px;\n }\n\n .port-label {\n color: #fff;\n font-size: 14px;\n font-weight: 700;\n }\n\n .port-sub {\n color: rgba(255,255,255,0.7);\n font-size: 11px;\n margin-top: 5px;\n }\n\n .split-arrow {\n font-size: 35px;\n color: rgba(255,255,255,0.5);\n }\n\n .dual-ports {\n display: flex;\n gap: 15px;\n }\n\n \/* Functions Section *\/\n .functions-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .section-title {\n font-size: 22px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-title::before {\n content: '';\n width: 5px;\n height: 26px;\n background: linear-gradient(180deg, #9333ea, #7e22ce);\n border-radius: 3px;\n }\n\n .section-title.centered {\n justify-content: center;\n }\n\n .section-title.centered::before {\n display: none;\n }\n\n .functions-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .function-card {\n background: linear-gradient(145deg, #faf5ff, #fff);\n border: 2px solid #e9d5ff;\n border-radius: 18px;\n padding: 28px 20px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .function-card:hover {\n border-color: #9333ea;\n transform: translateY(-4px);\n box-shadow: 0 12px 35px rgba(147,51,234,0.12);\n }\n\n .function-icon {\n font-size: 40px;\n margin-bottom: 15px;\n }\n\n .function-name {\n font-size: 16px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 8px;\n }\n\n .function-desc {\n font-size: 13px;\n color: #64748b;\n line-height: 1.5;\n }\n\n \/* Perfect For Section *\/\n .perfect-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .perfect-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .perfect-badge {\n background: linear-gradient(145deg, #faf5ff, #fff);\n border: 1px solid #e9d5ff;\n border-radius: 50px;\n padding: 12px 22px;\n font-size: 14px;\n color: #7e22ce;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n }\n\n .perfect-badge:hover {\n border-color: #9333ea;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(147,51,234,0.15);\n }\n\n .perfect-badge span {\n font-size: 18px;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .feature-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .feature-card:hover {\n border-color: #9333ea;\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(147,51,234,0.12);\n }\n\n .feature-icon-box {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin: 0 auto 12px;\n background: linear-gradient(135deg, #faf5ff, #f3e8ff);\n }\n\n .feature-title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 4px;\n }\n\n .feature-desc {\n font-size: 11px;\n color: #64748b;\n line-height: 1.4;\n }\n\n \/* Specifications *\/\n .specs-section {\n background: linear-gradient(145deg, #faf5ff, #fff);\n border: 1px solid #e9d5ff;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .spec-group {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n padding: 20px;\n }\n\n .spec-group-title {\n font-size: 11px;\n color: #9333ea;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 14px;\n padding-bottom: 10px;\n border-bottom: 1px solid #faf5ff;\n font-weight: 700;\n }\n\n .spec-item {\n display: flex;\n justify-content: space-between;\n padding: 7px 0;\n font-size: 13px;\n }\n\n .spec-item span:first-child {\n color: #64748b;\n }\n\n .spec-item span:last-child {\n color: #0f172a;\n font-weight: 600;\n }\n\n \/* Warranty *\/\n .warranty-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n gap: 18px;\n margin-bottom: 26px;\n }\n\n .warranty-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 20px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .warranty-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n }\n\n .warranty-card.purple::before {\n background: linear-gradient(90deg, #9333ea, #a855f7);\n }\n\n .warranty-card.gray::before {\n background: linear-gradient(90deg, #94a3b8, #cbd5e1);\n }\n\n .warranty-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .warranty-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n\n .warranty-icon.purple { background: linear-gradient(135deg, #f3e8ff, #e9d5ff); }\n .warranty-icon.gray { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }\n\n .warranty-title {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .warranty-text {\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n\n .warranty-badge {\n display: inline-block;\n background: linear-gradient(135deg, #9333ea, #7e22ce);\n color: #fff;\n padding: 7px 18px;\n border-radius: 22px;\n font-weight: 600;\n font-size: 12px;\n margin-top: 16px;\n }\n\n \/* Package *\/\n .package-section {\n background: linear-gradient(135deg, #581c87, #7e22ce);\n border-radius: 24px;\n padding: 35px;\n text-align: center;\n color: #fff;\n box-shadow: 0 15px 50px rgba(126,34,206,0.35);\n }\n\n .package-section .section-title {\n color: #fff;\n justify-content: center;\n }\n\n .package-section .section-title::before {\n background: linear-gradient(180deg, #c4b5fd, #ddd6fe);\n }\n\n .package-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 22px;\n }\n\n .package-item {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .functions-grid {\n grid-template-columns: 1fr;\n }\n\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .split-visual {\n flex-direction: column;\n }\n\n .split-arrow {\n transform: rotate(90deg);\n }\n\n .dual-ports {\n flex-direction: column;\n }\n }\n\n @media (max-width: 768px) {\n .product-container { padding: 15px; }\n .hero-section { padding: 40px 25px; }\n .hero-features { gap: 10px; }\n .hero-feature { min-width: 100px; padding: 14px 18px; }\n .hero-feature-value { font-size: 18px; }\n \n .dual-section { padding: 30px 22px; }\n .dual-header h2 { font-size: 22px; }\n \n .functions-section, .perfect-section, .specs-section, .package-section { padding: 28px 20px; }\n .warranty-card { padding: 24px 20px; }\n }\n\n @media (max-width: 480px) {\n .hero-title { font-size: 22px; }\n .hero-features { flex-direction: column; align-items: center; }\n .hero-feature { width: 100%; max-width: 150px; }\n \n .features-grid { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cspan class=\"hero-badge\"\u003e🔌 2-in-1 Splitter\u003c\/span\u003e\n \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eUSB-C\u003c\/span\u003e to Dual USB-C Splitter\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eCharge + Listen • Calls \u0026amp; Controls • Aluminium Build\u003c\/p\u003e\n \u003cdiv class=\"hero-features\"\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value gradient\"\u003e2-in-1\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eFunction\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003eDual\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eUSB-C Ports\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e0.12m\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eLength\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2-in-1 Function Section --\u003e\n \u003cdiv class=\"dual-section\"\u003e\n \u003cdiv class=\"dual-header\"\u003e\n \u003ch2\u003eOne Port Becomes Two\u003c\/h2\u003e\n \u003cp\u003eSplit your single USB-C port into two functional USB-C ports\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"split-visual\"\u003e\n \u003cdiv class=\"port-box\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🔌\u003c\/div\u003e\n \u003cdiv class=\"port-label\"\u003eUSB-C Input\u003c\/div\u003e\n \u003cdiv class=\"port-sub\"\u003eFrom Device\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cspan class=\"split-arrow\"\u003e→\u003c\/span\u003e\n \u003cdiv class=\"dual-ports\"\u003e\n \u003cdiv class=\"port-box\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🔋\u003c\/div\u003e\n \u003cdiv class=\"port-label\"\u003eCharging\u003c\/div\u003e\n \u003cdiv class=\"port-sub\"\u003eUSB-C Port\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"port-box\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🎵\u003c\/div\u003e\n \u003cdiv class=\"port-label\"\u003eAudio\u003c\/div\u003e\n \u003cdiv class=\"port-sub\"\u003eUSB-C Port\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Functions Section --\u003e\n \u003cdiv class=\"functions-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eFull Functionality\u003c\/h2\u003e\n \u003cdiv class=\"functions-grid\"\u003e\n \u003cdiv class=\"function-card\"\u003e\n \u003cdiv class=\"function-icon\"\u003e🎵\u003c\/div\u003e\n \u003ch3 class=\"function-name\"\u003eMusic Listening\u003c\/h3\u003e\n \u003cp class=\"function-desc\"\u003eEnjoy your favourite music through USB-C headphones while keeping your device charged\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"function-card\"\u003e\n \u003cdiv class=\"function-icon\"\u003e📞\u003c\/div\u003e\n \u003ch3 class=\"function-name\"\u003ePhone Calls\u003c\/h3\u003e\n \u003cp class=\"function-desc\"\u003eTake and make calls through your USB-C headset without interrupting charging\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"function-card\"\u003e\n \u003cdiv class=\"function-icon\"\u003e🎛️\u003c\/div\u003e\n \u003ch3 class=\"function-name\"\u003eAudio Controls\u003c\/h3\u003e\n \u003cp class=\"function-desc\"\u003eFull support for inline controls — play, pause, skip, and volume adjustment\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Perfect For Section --\u003e\n \u003cdiv class=\"perfect-section\"\u003e\n \u003ch2 class=\"section-title centered\"\u003ePerfect For\u003c\/h2\u003e\n \u003cdiv class=\"perfect-grid\"\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e📱\u003c\/span\u003e USB-C Smartphones\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e📱\u003c\/span\u003e iPad Pro\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e💻\u003c\/span\u003e USB-C Laptops\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e🎧\u003c\/span\u003e USB-C Headphones\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e🎮\u003c\/span\u003e Gaming\u003c\/div\u003e\n \u003cdiv class=\"perfect-badge\"\u003e\n\u003cspan\u003e🚗\u003c\/span\u003e Car Audio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Grid --\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon-box\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eDual Output\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003e2× USB-C ports\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon-box\"\u003e🔩\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eAluminium\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eAlloy connectors\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon-box\"\u003e🧵\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eBraided\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eDurable cable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon-box\"\u003e📏\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e0.12m\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eCompact length\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specifications --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eModel\u003c\/span\u003e\n \u003cspan\u003eADP11-2C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eType\u003c\/span\u003e\n \u003cspan\u003eUSB-C Splitter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eConnectors\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eInput\u003c\/span\u003e\n \u003cspan\u003eUSB-C (Male)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eOutput\u003c\/span\u003e\n \u003cspan\u003e2× USB-C (Female)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eBuild\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMaterial\u003c\/span\u003e\n \u003cspan\u003eAluminium Alloy\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eCable\u003c\/span\u003e\n \u003cspan\u003eBraided\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eLength\u003c\/span\u003e\n \u003cspan\u003e0.12m\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eFunctions\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eCharging\u003c\/span\u003e\n \u003cspan\u003eYes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eAudio\u003c\/span\u003e\n \u003cspan\u003eYes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eCalls\u003c\/span\u003e\n \u003cspan\u003eYes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eControls\u003c\/span\u003e\n \u003cspan\u003eYes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty --\u003e\n \u003cdiv class=\"warranty-section\"\u003e\n \u003cdiv class=\"warranty-card purple\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon purple\"\u003e✓\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"warranty-card gray\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Package --\u003e\n \u003cdiv class=\"package-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n \u003cdiv class=\"package-items\"\u003e\n \u003cspan class=\"package-item\"\u003e🔌 1 x USB-C to Dual USB-C Splitter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49363761299801,"sku":null,"price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/4E2F2123-8431-47B2-8F52-362D1CD116F1.png?v=1774704993"},{"product_id":"usb-a-ultra-slim-hub-usb-3-0-5gbps-4-port-aluminium-silver-hub3-a","title":"USB 3.0 Ultra Slim 4-Port USB Hub with USB-A Connector | 5Gbps + 3× USB 2.0 | 10× Faster | Aluminium Case | Plug \u0026 Play | 0.2m Cable | Silver | HUB3-A","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Ultra Slim USB Hub with USB-A connector. USB 3.0 5Gbps + 3x USB 2.0 ports. Aluminium case. Plug and play. 10x faster than USB 2.0. Perfect for laptops and desktops.\"\u003e\n \u003ctitle\u003e4-Port USB Hub | USB-A Connector | USB 3.0 5Gbps | Aluminium Silver\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n min-height: 100vh;\n }\n\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Hero Section - Classic Blue\/Silver Theme *\/\n .hero-section {\n background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);\n border-radius: 32px;\n padding: 55px 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 1px solid #cbd5e1;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(59,130,246,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(37,99,235,0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #3b82f6, #2563eb);\n color: #fff;\n padding: 10px 26px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 11px;\n margin-bottom: 22px;\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n z-index: 1;\n box-shadow: 0 4px 20px rgba(59,130,246,0.4);\n }\n\n .hero-title {\n color: #0f172a;\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n line-height: 1.15;\n letter-spacing: -0.5px;\n }\n\n .hero-title span {\n background: linear-gradient(135deg, #3b82f6, #2563eb);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-tagline {\n color: #64748b;\n font-size: 16px;\n margin-bottom: 35px;\n position: relative;\n z-index: 1;\n font-weight: 400;\n }\n\n .hero-features {\n display: flex;\n justify-content: center;\n gap: 14px;\n flex-wrap: wrap;\n position: relative;\n z-index: 1;\n }\n\n .hero-feature {\n background: #fff;\n border: 2px solid #cbd5e1;\n border-radius: 18px;\n padding: 18px 24px;\n text-align: center;\n min-width: 115px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n }\n\n .hero-feature:hover {\n border-color: #3b82f6;\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(59,130,246,0.15);\n }\n\n .hero-feature-value {\n font-size: 22px;\n font-weight: 800;\n color: #0f172a;\n line-height: 1;\n margin-bottom: 5px;\n }\n\n .hero-feature-value.gradient {\n background: linear-gradient(135deg, #3b82f6, #2563eb);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-feature-label {\n font-size: 10px;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Speed Banner *\/\n .speed-banner {\n background: linear-gradient(135deg, #1d4ed8, #3b82f6);\n border-radius: 20px;\n padding: 22px 35px;\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 25px;\n box-shadow: 0 10px 35px rgba(29,78,216,0.35);\n }\n\n .speed-badge {\n background: #fff;\n color: #1d4ed8;\n padding: 12px 25px;\n border-radius: 14px;\n font-weight: 800;\n font-size: 22px;\n }\n\n .speed-text {\n color: #fff;\n }\n\n .speed-text h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 3px;\n }\n\n .speed-text p {\n font-size: 13px;\n opacity: 0.9;\n }\n\n \/* USB-A Section *\/\n .usba-section {\n background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 50%, #3b82f6 100%);\n border-radius: 26px;\n padding: 45px;\n margin-bottom: 26px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 35px;\n align-items: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 50px rgba(29,78,216,0.35);\n }\n\n .usba-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .usba-content h2 {\n color: #fff;\n font-size: 26px;\n font-weight: 800;\n margin-bottom: 15px;\n }\n\n .usba-content p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n line-height: 1.7;\n margin-bottom: 20px;\n }\n\n .usba-features {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .usba-feature {\n display: flex;\n align-items: center;\n gap: 12px;\n color: #fff;\n font-size: 14px;\n }\n\n .usba-feature-icon {\n width: 30px;\n height: 30px;\n background: rgba(255,255,255,0.15);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n flex-shrink: 0;\n }\n\n .usba-visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .connector-circle {\n width: 140px;\n height: 140px;\n background: rgba(255,255,255,0.1);\n border: 2px solid rgba(255,255,255,0.25);\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .connector-icon {\n font-size: 40px;\n margin-bottom: 8px;\n }\n\n .connector-text {\n color: #fff;\n font-size: 14px;\n font-weight: 700;\n }\n\n \/* Compatibility Section *\/\n .compat-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .section-title {\n font-size: 22px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-title::before {\n content: '';\n width: 5px;\n height: 26px;\n background: linear-gradient(180deg, #3b82f6, #2563eb);\n border-radius: 3px;\n }\n\n .section-title.centered {\n justify-content: center;\n }\n\n .section-title.centered::before {\n display: none;\n }\n\n .compat-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 20px;\n }\n\n .compat-badge {\n background: linear-gradient(145deg, #eff6ff, #fff);\n border: 1px solid #bfdbfe;\n border-radius: 50px;\n padding: 12px 22px;\n font-size: 14px;\n color: #1d4ed8;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n }\n\n .compat-badge:hover {\n border-color: #3b82f6;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(59,130,246,0.15);\n }\n\n .compat-badge span {\n font-size: 18px;\n }\n\n \/* Ports Section *\/\n .ports-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .ports-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n .port-card {\n background: linear-gradient(145deg, #f8fafc, #fff);\n border: 2px solid #e2e8f0;\n border-radius: 18px;\n padding: 25px;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .port-card:hover {\n border-color: #3b82f6;\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(59,130,246,0.1);\n }\n\n .port-card.featured {\n border-color: #3b82f6;\n background: linear-gradient(145deg, #eff6ff, #fff);\n }\n\n .port-card.featured::before {\n content: 'FAST';\n position: absolute;\n top: -10px;\n right: 20px;\n background: linear-gradient(135deg, #1d4ed8, #3b82f6);\n color: #fff;\n padding: 5px 12px;\n border-radius: 8px;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n }\n\n .port-icon {\n font-size: 36px;\n margin-bottom: 12px;\n }\n\n .port-name {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 8px;\n }\n\n .port-speed {\n font-size: 24px;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .port-speed.fast {\n background: linear-gradient(135deg, #1d4ed8, #3b82f6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .port-speed.standard {\n color: #64748b;\n }\n\n .port-count {\n font-size: 13px;\n color: #94a3b8;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .feature-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .feature-card:hover {\n border-color: #3b82f6;\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(59,130,246,0.1);\n }\n\n .feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin: 0 auto 12px;\n background: linear-gradient(135deg, #eff6ff, #dbeafe);\n }\n\n .feature-title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 4px;\n }\n\n .feature-desc {\n font-size: 11px;\n color: #64748b;\n line-height: 1.4;\n }\n\n \/* Specifications *\/\n .specs-section {\n background: linear-gradient(145deg, #f8fafc, #fff);\n border: 1px solid #cbd5e1;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .spec-group {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n padding: 20px;\n }\n\n .spec-group-title {\n font-size: 11px;\n color: #3b82f6;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 14px;\n padding-bottom: 10px;\n border-bottom: 1px solid #eff6ff;\n font-weight: 700;\n }\n\n .spec-item {\n display: flex;\n justify-content: space-between;\n padding: 7px 0;\n font-size: 13px;\n }\n\n .spec-item span:first-child {\n color: #64748b;\n }\n\n .spec-item span:last-child {\n color: #0f172a;\n font-weight: 600;\n }\n\n \/* Warranty *\/\n .warranty-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n gap: 18px;\n margin-bottom: 26px;\n }\n\n .warranty-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 20px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .warranty-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n }\n\n .warranty-card.blue::before {\n background: linear-gradient(90deg, #3b82f6, #60a5fa);\n }\n\n .warranty-card.gray::before {\n background: linear-gradient(90deg, #94a3b8, #cbd5e1);\n }\n\n .warranty-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .warranty-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n\n .warranty-icon.blue { background: linear-gradient(135deg, #dbeafe, #bfdbfe); }\n .warranty-icon.gray { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }\n\n .warranty-title {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .warranty-text {\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n\n .warranty-badge {\n display: inline-block;\n background: linear-gradient(135deg, #3b82f6, #2563eb);\n color: #fff;\n padding: 7px 18px;\n border-radius: 22px;\n font-weight: 600;\n font-size: 12px;\n margin-top: 16px;\n }\n\n \/* Package *\/\n .package-section {\n background: linear-gradient(135deg, #1e3a8a, #1d4ed8);\n border-radius: 24px;\n padding: 35px;\n text-align: center;\n color: #fff;\n box-shadow: 0 15px 50px rgba(29,78,216,0.35);\n }\n\n .package-section .section-title {\n color: #fff;\n justify-content: center;\n }\n\n .package-section .section-title::before {\n background: linear-gradient(180deg, #93c5fd, #bfdbfe);\n }\n\n .package-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 22px;\n }\n\n .package-item {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .usba-section {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .ports-grid {\n grid-template-columns: 1fr;\n }\n\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .product-container { padding: 15px; }\n .hero-section { padding: 40px 25px; }\n .hero-features { gap: 10px; }\n .hero-feature { min-width: 100px; padding: 14px 18px; }\n .hero-feature-value { font-size: 18px; }\n \n .speed-banner {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .usba-section { padding: 30px 22px; }\n .usba-content h2 { font-size: 22px; }\n .connector-circle { width: 120px; height: 120px; }\n \n .compat-section, .ports-section, .specs-section, .package-section { padding: 28px 20px; }\n .warranty-card { padding: 24px 20px; }\n }\n\n @media (max-width: 480px) {\n .hero-title { font-size: 22px; }\n .hero-features { flex-direction: column; align-items: center; }\n .hero-feature { width: 100%; max-width: 150px; }\n \n .features-grid { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cspan class=\"hero-badge\"\u003e🔌 Ultra Slim Hub\u003c\/span\u003e\n \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eUSB 3.0\u003c\/span\u003e Ultra Slim Multi USB Hub\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003e5Gbps USB 3.0 + 3× USB 2.0 • USB-A Connector • Aluminium\u003c\/p\u003e\n \u003cdiv class=\"hero-features\"\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value gradient\"\u003e5Gbps\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eUSB 3.0\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003ePorts\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003eUSB-A\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eConnector\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e0.2m\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eCable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Speed Banner --\u003e\n \u003cdiv class=\"speed-banner\"\u003e\n \u003cspan class=\"speed-badge\"\u003e10×\u003c\/span\u003e\n \u003cdiv class=\"speed-text\"\u003e\n \u003ch3\u003e10 Times Faster Than USB 2.0\u003c\/h3\u003e\n \u003cp\u003eTransfer large files in seconds with USB 3.0 SuperSpeed technology\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- USB-A Section --\u003e\n \u003cdiv class=\"usba-section\"\u003e\n \u003cdiv class=\"usba-content\"\u003e\n \u003ch2\u003eUniversal USB-A Compatibility\u003c\/h2\u003e\n \u003cp\u003eWorks with virtually any computer with a standard USB-A port. No special adapters needed — simply plug into your laptop or desktop and instantly gain four additional USB ports for all your peripherals.\u003c\/p\u003e\n \u003cdiv class=\"usba-features\"\u003e\n \u003cdiv class=\"usba-feature\"\u003e\n \u003cspan class=\"usba-feature-icon\"\u003e💻\u003c\/span\u003e\n \u003cspan\u003eWindows laptops \u0026amp; desktops\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usba-feature\"\u003e\n \u003cspan class=\"usba-feature-icon\"\u003e🖥️\u003c\/span\u003e\n \u003cspan\u003eMac with USB-A ports\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usba-feature\"\u003e\n \u003cspan class=\"usba-feature-icon\"\u003e🎮\u003c\/span\u003e\n \u003cspan\u003eGaming PCs \u0026amp; consoles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usba-visual\"\u003e\n \u003cdiv class=\"connector-circle\"\u003e\n \u003cspan class=\"connector-icon\"\u003e🔌\u003c\/span\u003e\n \u003cspan class=\"connector-text\"\u003eUSB-A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Compatibility Section --\u003e\n \u003cdiv class=\"compat-section\"\u003e\n \u003ch2 class=\"section-title centered\"\u003eWorks With\u003c\/h2\u003e\n \u003cdiv class=\"compat-grid\"\u003e\n \u003cdiv class=\"compat-badge\"\u003e\n\u003cspan\u003e💻\u003c\/span\u003e Windows PC\u003c\/div\u003e\n \u003cdiv class=\"compat-badge\"\u003e\n\u003cspan\u003e🖥️\u003c\/span\u003e Mac\u003c\/div\u003e\n \u003cdiv class=\"compat-badge\"\u003e\n\u003cspan\u003e🐧\u003c\/span\u003e Linux\u003c\/div\u003e\n \u003cdiv class=\"compat-badge\"\u003e\n\u003cspan\u003e🎮\u003c\/span\u003e Gaming PC\u003c\/div\u003e\n \u003cdiv class=\"compat-badge\"\u003e\n\u003cspan\u003e📺\u003c\/span\u003e Smart TV\u003c\/div\u003e\n \u003cdiv class=\"compat-badge\"\u003e\n\u003cspan\u003e🎬\u003c\/span\u003e Media Players\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ports Section --\u003e\n \u003cdiv class=\"ports-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e4 Expansion Ports\u003c\/h2\u003e\n \u003cdiv class=\"ports-grid\"\u003e\n \u003cdiv class=\"port-card featured\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB 3.0\u003c\/h3\u003e\n \u003cdiv class=\"port-speed fast\"\u003e5 Gbps\u003c\/div\u003e\n \u003cp class=\"port-count\"\u003e× 1 Port\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"port-card\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB 2.0\u003c\/h3\u003e\n \u003cdiv class=\"port-speed standard\"\u003e480 Mbps\u003c\/div\u003e\n \u003cp class=\"port-count\"\u003e× 3 Ports\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Grid --\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e5Gbps Speed\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eUSB 3.0 SuperSpeed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔩\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eAluminium\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eUltra-slim case\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eNo drivers needed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e0.2m Cable\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eCompact design\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specifications --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eModel\u003c\/span\u003e\n \u003cspan\u003eHUB3-A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMaterial\u003c\/span\u003e\n \u003cspan\u003eAluminium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eColour\u003c\/span\u003e\n \u003cspan\u003eSilver\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003ePorts\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eUSB 3.0\u003c\/span\u003e\n \u003cspan\u003e× 1 (5 Gbps)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eUSB 2.0\u003c\/span\u003e\n \u003cspan\u003e× 3 (480 Mbps)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eTotal Ports\u003c\/span\u003e\n \u003cspan\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eConnector\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eType\u003c\/span\u003e\n \u003cspan\u003eUSB-A (Male)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eCable Length\u003c\/span\u003e\n \u003cspan\u003e0.2m\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eFeatures\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eInstallation\u003c\/span\u003e\n \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eSpeed Boost\u003c\/span\u003e\n \u003cspan\u003e10× vs USB 2.0\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty --\u003e\n \u003cdiv class=\"warranty-section\"\u003e\n \u003cdiv class=\"warranty-card blue\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon blue\"\u003e✓\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"warranty-card gray\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Package --\u003e\n \u003cdiv class=\"package-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n \u003cdiv class=\"package-items\"\u003e\n \u003cspan class=\"package-item\"\u003e🔌 1 x USB-A Ultra Slim Hub\u003c\/span\u003e\n \u003cspan class=\"package-item\"\u003e📄 User Manual\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49363953418585,"sku":null,"price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/7D718880-8650-4AD6-8BEE-B7851C6945E6.jpg?v=1727173137"},{"product_id":"usb-c-ultra-slim-hub-usb-3-0-5gbps-4-port-aluminium-silver-hub3-c","title":"USB 3.0 Ultra Slim 4-Port USB Hub with USB-C Connector | 5Gbps + 3× USB 2.0 | 10× Faster | OTG Support | Aluminium Alloy | Plug \u0026 Play | 0.2m Cable | Silver | HUB3-C","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Ultra Slim USB Hub with USB-C connector. USB 3.0 5Gbps + 3x USB 2.0 ports. Aluminium alloy case. OTG support. Plug and play. 10x faster than USB 2.0.\"\u003e\n \u003ctitle\u003e4-Port USB Hub | USB-C Connector | USB 3.0 5Gbps | Aluminium Silver\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n min-height: 100vh;\n }\n\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Hero Section - Premium Silver\/Metal Theme *\/\n .hero-section {\n background: linear-gradient(145deg, #fafafa 0%, #f5f5f5 50%, #e5e5e5 100%);\n border-radius: 32px;\n padding: 55px 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 1px solid #d4d4d4;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(163,163,163,0.15) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(115,115,115,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #737373, #525252);\n color: #fff;\n padding: 10px 26px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 11px;\n margin-bottom: 22px;\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n z-index: 1;\n box-shadow: 0 4px 20px rgba(115,115,115,0.4);\n }\n\n .hero-title {\n color: #171717;\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n line-height: 1.15;\n letter-spacing: -0.5px;\n }\n\n .hero-title span {\n background: linear-gradient(135deg, #737373, #404040);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-tagline {\n color: #525252;\n font-size: 16px;\n margin-bottom: 35px;\n position: relative;\n z-index: 1;\n font-weight: 400;\n }\n\n .hero-features {\n display: flex;\n justify-content: center;\n gap: 14px;\n flex-wrap: wrap;\n position: relative;\n z-index: 1;\n }\n\n .hero-feature {\n background: #fff;\n border: 2px solid #d4d4d4;\n border-radius: 18px;\n padding: 18px 24px;\n text-align: center;\n min-width: 115px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n transition: all 0.3s ease;\n }\n\n .hero-feature:hover {\n border-color: #737373;\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n\n .hero-feature-value {\n font-size: 22px;\n font-weight: 800;\n color: #171717;\n line-height: 1;\n margin-bottom: 5px;\n }\n\n .hero-feature-value.gradient {\n background: linear-gradient(135deg, #525252, #404040);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-feature-label {\n font-size: 10px;\n color: #737373;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Speed Banner *\/\n .speed-banner {\n background: linear-gradient(135deg, #2563eb, #3b82f6);\n border-radius: 20px;\n padding: 22px 35px;\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 25px;\n box-shadow: 0 10px 35px rgba(37,99,235,0.35);\n }\n\n .speed-badge {\n background: #fff;\n color: #2563eb;\n padding: 12px 25px;\n border-radius: 14px;\n font-weight: 800;\n font-size: 22px;\n }\n\n .speed-text {\n color: #fff;\n }\n\n .speed-text h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 3px;\n }\n\n .speed-text p {\n font-size: 13px;\n opacity: 0.9;\n }\n\n \/* USB-C Section *\/\n .usbc-section {\n background: linear-gradient(135deg, #404040 0%, #525252 50%, #737373 100%);\n border-radius: 26px;\n padding: 45px;\n margin-bottom: 26px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 35px;\n align-items: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 50px rgba(64,64,64,0.35);\n }\n\n .usbc-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .usbc-content h2 {\n color: #fff;\n font-size: 26px;\n font-weight: 800;\n margin-bottom: 15px;\n }\n\n .usbc-content p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n line-height: 1.7;\n margin-bottom: 20px;\n }\n\n .usbc-features {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .usbc-feature {\n display: flex;\n align-items: center;\n gap: 12px;\n color: #fff;\n font-size: 14px;\n }\n\n .usbc-feature-icon {\n width: 30px;\n height: 30px;\n background: rgba(255,255,255,0.15);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n flex-shrink: 0;\n }\n\n .usbc-visual {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .connector-circle {\n width: 140px;\n height: 140px;\n background: rgba(255,255,255,0.1);\n border: 2px solid rgba(255,255,255,0.25);\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .connector-icon {\n font-size: 40px;\n margin-bottom: 8px;\n }\n\n .connector-text {\n color: #fff;\n font-size: 14px;\n font-weight: 700;\n }\n\n \/* Ports Section *\/\n .ports-section {\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .section-title {\n font-size: 22px;\n font-weight: 700;\n color: #171717;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-title::before {\n content: '';\n width: 5px;\n height: 26px;\n background: linear-gradient(180deg, #525252, #404040);\n border-radius: 3px;\n }\n\n .section-title.centered {\n justify-content: center;\n }\n\n .section-title.centered::before {\n display: none;\n }\n\n .ports-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n .port-card {\n background: linear-gradient(145deg, #fafafa, #fff);\n border: 2px solid #e5e5e5;\n border-radius: 18px;\n padding: 25px;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .port-card:hover {\n border-color: #737373;\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n }\n\n .port-card.featured {\n border-color: #3b82f6;\n background: linear-gradient(145deg, #eff6ff, #fff);\n }\n\n .port-card.featured::before {\n content: 'FAST';\n position: absolute;\n top: -10px;\n right: 20px;\n background: linear-gradient(135deg, #2563eb, #3b82f6);\n color: #fff;\n padding: 5px 12px;\n border-radius: 8px;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n }\n\n .port-icon {\n font-size: 36px;\n margin-bottom: 12px;\n }\n\n .port-name {\n font-size: 18px;\n font-weight: 700;\n color: #171717;\n margin-bottom: 8px;\n }\n\n .port-speed {\n font-size: 24px;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .port-speed.fast {\n background: linear-gradient(135deg, #2563eb, #3b82f6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .port-speed.standard {\n color: #737373;\n }\n\n .port-count {\n font-size: 13px;\n color: #a3a3a3;\n }\n\n \/* OTG Banner *\/\n .otg-banner {\n background: linear-gradient(135deg, #059669, #10b981);\n border-radius: 18px;\n padding: 20px 30px;\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 18px;\n box-shadow: 0 8px 30px rgba(5,150,105,0.3);\n }\n\n .otg-icon {\n font-size: 32px;\n }\n\n .otg-text {\n color: #fff;\n }\n\n .otg-text h3 {\n font-size: 17px;\n font-weight: 700;\n margin-bottom: 2px;\n }\n\n .otg-text p {\n font-size: 13px;\n opacity: 0.9;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .feature-card {\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .feature-card:hover {\n border-color: #737373;\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n }\n\n .feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin: 0 auto 12px;\n background: linear-gradient(135deg, #f5f5f5, #e5e5e5);\n }\n\n .feature-title {\n font-size: 13px;\n font-weight: 700;\n color: #171717;\n margin-bottom: 4px;\n }\n\n .feature-desc {\n font-size: 11px;\n color: #737373;\n line-height: 1.4;\n }\n\n \/* Specifications *\/\n .specs-section {\n background: linear-gradient(145deg, #fafafa, #fff);\n border: 1px solid #d4d4d4;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .spec-group {\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 14px;\n padding: 20px;\n }\n\n .spec-group-title {\n font-size: 11px;\n color: #525252;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 14px;\n padding-bottom: 10px;\n border-bottom: 1px solid #f5f5f5;\n font-weight: 700;\n }\n\n .spec-item {\n display: flex;\n justify-content: space-between;\n padding: 7px 0;\n font-size: 13px;\n }\n\n .spec-item span:first-child {\n color: #737373;\n }\n\n .spec-item span:last-child {\n color: #171717;\n font-weight: 600;\n }\n\n \/* Warranty *\/\n .warranty-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n gap: 18px;\n margin-bottom: 26px;\n }\n\n .warranty-card {\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 20px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .warranty-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n }\n\n .warranty-card.silver::before {\n background: linear-gradient(90deg, #525252, #737373);\n }\n\n .warranty-card.gray::before {\n background: linear-gradient(90deg, #a3a3a3, #d4d4d4);\n }\n\n .warranty-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .warranty-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n\n .warranty-icon.silver { background: linear-gradient(135deg, #e5e5e5, #d4d4d4); }\n .warranty-icon.gray { background: linear-gradient(135deg, #f5f5f5, #e5e5e5); }\n\n .warranty-title {\n font-size: 18px;\n font-weight: 700;\n color: #171717;\n }\n\n .warranty-text {\n color: #737373;\n font-size: 13px;\n line-height: 1.7;\n }\n\n .warranty-badge {\n display: inline-block;\n background: linear-gradient(135deg, #525252, #404040);\n color: #fff;\n padding: 7px 18px;\n border-radius: 22px;\n font-weight: 600;\n font-size: 12px;\n margin-top: 16px;\n }\n\n \/* Package *\/\n .package-section {\n background: linear-gradient(135deg, #404040, #525252);\n border-radius: 24px;\n padding: 35px;\n text-align: center;\n color: #fff;\n box-shadow: 0 15px 50px rgba(64,64,64,0.35);\n }\n\n .package-section .section-title {\n color: #fff;\n justify-content: center;\n }\n\n .package-section .section-title::before {\n background: linear-gradient(180deg, #a3a3a3, #d4d4d4);\n }\n\n .package-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 22px;\n }\n\n .package-item {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .usbc-section {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .ports-grid {\n grid-template-columns: 1fr;\n }\n\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .product-container { padding: 15px; }\n .hero-section { padding: 40px 25px; }\n .hero-features { gap: 10px; }\n .hero-feature { min-width: 100px; padding: 14px 18px; }\n .hero-feature-value { font-size: 18px; }\n \n .speed-banner, .otg-banner {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .usbc-section { padding: 30px 22px; }\n .usbc-content h2 { font-size: 22px; }\n .connector-circle { width: 120px; height: 120px; }\n \n .ports-section, .specs-section, .package-section { padding: 28px 20px; }\n .warranty-card { padding: 24px 20px; }\n }\n\n @media (max-width: 480px) {\n .hero-title { font-size: 22px; }\n .hero-features { flex-direction: column; align-items: center; }\n .hero-feature { width: 100%; max-width: 150px; }\n \n .features-grid { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cspan class=\"hero-badge\"\u003e🔌 Ultra Slim Hub\u003c\/span\u003e\n \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eUSB 3.0\u003c\/span\u003e Ultra Slim Multi USB Hub\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003e5Gbps USB 3.0 + 3× USB 2.0 • USB-C Connector • Aluminium Alloy\u003c\/p\u003e\n \u003cdiv class=\"hero-features\"\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value gradient\"\u003e5Gbps\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eUSB 3.0\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003ePorts\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003eUSB-C\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eConnector\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e0.2m\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eCable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Speed Banner --\u003e\n \u003cdiv class=\"speed-banner\"\u003e\n \u003cspan class=\"speed-badge\"\u003e10×\u003c\/span\u003e\n \u003cdiv class=\"speed-text\"\u003e\n \u003ch3\u003e10 Times Faster Than USB 2.0\u003c\/h3\u003e\n \u003cp\u003eTransfer large files in seconds with USB 3.0 SuperSpeed technology\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- USB-C Section --\u003e\n \u003cdiv class=\"usbc-section\"\u003e\n \u003cdiv class=\"usbc-content\"\u003e\n \u003ch2\u003eUSB-C Connectivity\u003c\/h2\u003e\n \u003cp\u003eDesigned for modern laptops, tablets, and smartphones with USB-C ports. Simply plug in and instantly expand your connectivity with four additional USB ports — no drivers required.\u003c\/p\u003e\n \u003cdiv class=\"usbc-features\"\u003e\n \u003cdiv class=\"usbc-feature\"\u003e\n \u003cspan class=\"usbc-feature-icon\"\u003e💻\u003c\/span\u003e\n \u003cspan\u003eMacBook \u0026amp; MacBook Pro compatible\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usbc-feature\"\u003e\n \u003cspan class=\"usbc-feature-icon\"\u003e📱\u003c\/span\u003e\n \u003cspan\u003eWorks with USB-C tablets \u0026amp; phones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usbc-feature\"\u003e\n \u003cspan class=\"usbc-feature-icon\"\u003e🖥️\u003c\/span\u003e\n \u003cspan\u003eUSB-C laptops \u0026amp; desktops\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usbc-visual\"\u003e\n \u003cdiv class=\"connector-circle\"\u003e\n \u003cspan class=\"connector-icon\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"connector-text\"\u003eUSB-C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- OTG Banner --\u003e\n \u003cdiv class=\"otg-banner\"\u003e\n \u003cspan class=\"otg-icon\"\u003e📱\u003c\/span\u003e\n \u003cdiv class=\"otg-text\"\u003e\n \u003ch3\u003eOTG Support\u003c\/h3\u003e\n \u003cp\u003eConnect USB devices directly to your smartphone or tablet via USB-C OTG\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ports Section --\u003e\n \u003cdiv class=\"ports-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e4 Expansion Ports\u003c\/h2\u003e\n \u003cdiv class=\"ports-grid\"\u003e\n \u003cdiv class=\"port-card featured\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB 3.0\u003c\/h3\u003e\n \u003cdiv class=\"port-speed fast\"\u003e5 Gbps\u003c\/div\u003e\n \u003cp class=\"port-count\"\u003e× 1 Port\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"port-card\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB 2.0\u003c\/h3\u003e\n \u003cdiv class=\"port-speed standard\"\u003e480 Mbps\u003c\/div\u003e\n \u003cp class=\"port-count\"\u003e× 3 Ports\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Grid --\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e5Gbps Speed\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eUSB 3.0 SuperSpeed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔩\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eAluminium\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eAlloy case\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eNo drivers needed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📱\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eOTG Ready\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eMobile compatible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specifications --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eModel\u003c\/span\u003e\n \u003cspan\u003eHUB3-C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMaterial\u003c\/span\u003e\n \u003cspan\u003eAluminium Alloy\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eColour\u003c\/span\u003e\n \u003cspan\u003eSilver\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003ePorts\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eUSB 3.0\u003c\/span\u003e\n \u003cspan\u003e× 1 (5 Gbps)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eUSB 2.0\u003c\/span\u003e\n \u003cspan\u003e× 3 (480 Mbps)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eTotal Ports\u003c\/span\u003e\n \u003cspan\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eConnector\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eType\u003c\/span\u003e\n \u003cspan\u003eUSB-C (Male)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eCable Length\u003c\/span\u003e\n \u003cspan\u003e0.2m\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eFeatures\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eOTG Support\u003c\/span\u003e\n \u003cspan\u003eYes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eInstallation\u003c\/span\u003e\n \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eSpeed Boost\u003c\/span\u003e\n \u003cspan\u003e10× vs USB 2.0\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty --\u003e\n \u003cdiv class=\"warranty-section\"\u003e\n \u003cdiv class=\"warranty-card silver\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon silver\"\u003e✓\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"warranty-card gray\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Package --\u003e\n \u003cdiv class=\"package-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n \u003cdiv class=\"package-items\"\u003e\n \u003cspan class=\"package-item\"\u003e🔌 1 x USB-C Ultra Slim Hub\u003c\/span\u003e\n \u003cspan class=\"package-item\"\u003e📄 User Manual\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49364213858649,"sku":null,"price":24.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/79F65467-F7CF-4C16-B88A-FA4027182F02.png?v=1727174958"},{"product_id":"4-port-usb-hub-usb-3-0-5gbps-2-in-1-connector-aluminium-hub5c-2in1","title":"4-Port USB Hub with 2-in-1 USB-A \u0026 USB-C Connector | USB 3.0 5Gbps + 3× USB 2.0 | 10× Faster | Ultra-Slim Aluminium | Plug \u0026 Play | 0.2m Cable | Grey | HUB5C-2IN1","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Ultra Fast USB Hub with 4 ports. USB 3.0 5Gbps + 3x USB 2.0. 2-in-1 USB-A \u0026amp; USB-C connectors. Ultra-slim aluminium case. Plug and play. 10x faster than USB 2.0.\"\u003e\n \u003ctitle\u003e4-Port USB Hub | USB 3.0 5Gbps | 2-in-1 USB-A \u0026amp; USB-C | Aluminium\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #ffffff;\n min-height: 100vh;\n }\n\n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Hero Section - Tech Slate\/Grey Theme *\/\n .hero-section {\n background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);\n border-radius: 32px;\n padding: 55px 45px;\n margin-bottom: 26px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 1px solid #cbd5e1;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(71,85,105,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(51,65,85,0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #475569, #334155);\n color: #fff;\n padding: 10px 26px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 11px;\n margin-bottom: 22px;\n text-transform: uppercase;\n letter-spacing: 3px;\n position: relative;\n z-index: 1;\n box-shadow: 0 4px 20px rgba(71,85,105,0.4);\n }\n\n .hero-title {\n color: #0f172a;\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n line-height: 1.15;\n letter-spacing: -0.5px;\n }\n\n .hero-title span {\n background: linear-gradient(135deg, #475569, #334155);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-tagline {\n color: #64748b;\n font-size: 16px;\n margin-bottom: 35px;\n position: relative;\n z-index: 1;\n font-weight: 400;\n }\n\n .hero-features {\n display: flex;\n justify-content: center;\n gap: 14px;\n flex-wrap: wrap;\n position: relative;\n z-index: 1;\n }\n\n .hero-feature {\n background: #fff;\n border: 2px solid #cbd5e1;\n border-radius: 18px;\n padding: 18px 24px;\n text-align: center;\n min-width: 115px;\n box-shadow: 0 4px 15px rgba(71,85,105,0.08);\n transition: all 0.3s ease;\n }\n\n .hero-feature:hover {\n border-color: #475569;\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(71,85,105,0.15);\n }\n\n .hero-feature-value {\n font-size: 22px;\n font-weight: 800;\n color: #0f172a;\n line-height: 1;\n margin-bottom: 5px;\n }\n\n .hero-feature-value.gradient {\n background: linear-gradient(135deg, #475569, #334155);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-feature-label {\n font-size: 10px;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Speed Banner *\/\n .speed-banner {\n background: linear-gradient(135deg, #0284c7, #0ea5e9);\n border-radius: 20px;\n padding: 22px 35px;\n margin-bottom: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 25px;\n box-shadow: 0 10px 35px rgba(2,132,199,0.35);\n }\n\n .speed-badge {\n background: #fff;\n color: #0284c7;\n padding: 12px 25px;\n border-radius: 14px;\n font-weight: 800;\n font-size: 22px;\n }\n\n .speed-text {\n color: #fff;\n }\n\n .speed-text h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 3px;\n }\n\n .speed-text p {\n font-size: 13px;\n opacity: 0.9;\n }\n\n \/* 2-in-1 Connector Section *\/\n .connector-section {\n background: linear-gradient(135deg, #334155 0%, #475569 50%, #64748b 100%);\n border-radius: 26px;\n padding: 45px;\n margin-bottom: 26px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 50px rgba(51,65,85,0.35);\n }\n\n .connector-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .connector-header {\n text-align: center;\n margin-bottom: 30px;\n }\n\n .connector-header h2 {\n color: #fff;\n font-size: 26px;\n font-weight: 800;\n margin-bottom: 10px;\n }\n\n .connector-header p {\n color: rgba(255,255,255,0.8);\n font-size: 14px;\n }\n\n .connector-grid {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 25px;\n align-items: center;\n }\n\n .connector-card {\n background: rgba(255,255,255,0.1);\n border: 2px solid rgba(255,255,255,0.2);\n border-radius: 20px;\n padding: 30px 25px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .connector-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-4px);\n }\n\n .connector-icon {\n font-size: 45px;\n margin-bottom: 15px;\n }\n\n .connector-name {\n color: #fff;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .connector-desc {\n color: rgba(255,255,255,0.75);\n font-size: 13px;\n line-height: 1.5;\n }\n\n .connector-badge {\n background: rgba(255,255,255,0.15);\n border-radius: 12px;\n padding: 10px 18px;\n margin-top: 15px;\n display: inline-block;\n }\n\n .connector-badge span {\n color: #fff;\n font-size: 12px;\n font-weight: 600;\n }\n\n .plus-sign {\n font-size: 40px;\n color: rgba(255,255,255,0.5);\n font-weight: 300;\n }\n\n \/* Ports Section *\/\n .ports-section {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .section-title {\n font-size: 22px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-title::before {\n content: '';\n width: 5px;\n height: 26px;\n background: linear-gradient(180deg, #475569, #334155);\n border-radius: 3px;\n }\n\n .section-title.centered {\n justify-content: center;\n }\n\n .section-title.centered::before {\n display: none;\n }\n\n .ports-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n .port-card {\n background: linear-gradient(145deg, #f8fafc, #fff);\n border: 2px solid #e2e8f0;\n border-radius: 18px;\n padding: 25px;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .port-card:hover {\n border-color: #475569;\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(71,85,105,0.12);\n }\n\n .port-card.featured {\n border-color: #0ea5e9;\n background: linear-gradient(145deg, #f0f9ff, #fff);\n }\n\n .port-card.featured::before {\n content: 'FAST';\n position: absolute;\n top: -10px;\n right: 20px;\n background: linear-gradient(135deg, #0284c7, #0ea5e9);\n color: #fff;\n padding: 5px 12px;\n border-radius: 8px;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n }\n\n .port-icon {\n font-size: 36px;\n margin-bottom: 12px;\n }\n\n .port-name {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 8px;\n }\n\n .port-speed {\n font-size: 24px;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .port-speed.fast {\n background: linear-gradient(135deg, #0284c7, #0ea5e9);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .port-speed.standard {\n color: #64748b;\n }\n\n .port-count {\n font-size: 13px;\n color: #94a3b8;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .feature-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .feature-card:hover {\n border-color: #475569;\n transform: translateY(-4px);\n box-shadow: 0 10px 30px rgba(71,85,105,0.12);\n }\n\n .feature-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin: 0 auto 12px;\n background: linear-gradient(135deg, #f1f5f9, #e2e8f0);\n }\n\n .feature-title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 4px;\n }\n\n .feature-desc {\n font-size: 11px;\n color: #64748b;\n line-height: 1.4;\n }\n\n \/* Specifications *\/\n .specs-section {\n background: linear-gradient(145deg, #f8fafc, #fff);\n border: 1px solid #cbd5e1;\n border-radius: 24px;\n padding: 35px;\n margin-bottom: 26px;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .spec-group {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n padding: 20px;\n }\n\n .spec-group-title {\n font-size: 11px;\n color: #475569;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 14px;\n padding-bottom: 10px;\n border-bottom: 1px solid #f1f5f9;\n font-weight: 700;\n }\n\n .spec-item {\n display: flex;\n justify-content: space-between;\n padding: 7px 0;\n font-size: 13px;\n }\n\n .spec-item span:first-child {\n color: #64748b;\n }\n\n .spec-item span:last-child {\n color: #0f172a;\n font-weight: 600;\n }\n\n \/* Warranty *\/\n .warranty-section {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n gap: 18px;\n margin-bottom: 26px;\n }\n\n .warranty-card {\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 20px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n }\n\n .warranty-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n }\n\n .warranty-card.slate::before {\n background: linear-gradient(90deg, #475569, #64748b);\n }\n\n .warranty-card.gray::before {\n background: linear-gradient(90deg, #94a3b8, #cbd5e1);\n }\n\n .warranty-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n }\n\n .warranty-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n\n .warranty-icon.slate { background: linear-gradient(135deg, #e2e8f0, #cbd5e1); }\n .warranty-icon.gray { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }\n\n .warranty-title {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .warranty-text {\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n\n .warranty-badge {\n display: inline-block;\n background: linear-gradient(135deg, #475569, #334155);\n color: #fff;\n padding: 7px 18px;\n border-radius: 22px;\n font-weight: 600;\n font-size: 12px;\n margin-top: 16px;\n }\n\n \/* Package *\/\n .package-section {\n background: linear-gradient(135deg, #334155, #475569);\n border-radius: 24px;\n padding: 35px;\n text-align: center;\n color: #fff;\n box-shadow: 0 15px 50px rgba(51,65,85,0.35);\n }\n\n .package-section .section-title {\n color: #fff;\n justify-content: center;\n }\n\n .package-section .section-title::before {\n background: linear-gradient(180deg, #94a3b8, #cbd5e1);\n }\n\n .package-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 22px;\n }\n\n .package-item {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .connector-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .plus-sign {\n display: none;\n }\n\n .ports-grid {\n grid-template-columns: 1fr;\n }\n\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .product-container { padding: 15px; }\n .hero-section { padding: 40px 25px; }\n .hero-features { gap: 10px; }\n .hero-feature { min-width: 100px; padding: 14px 18px; }\n .hero-feature-value { font-size: 18px; }\n \n .speed-banner {\n flex-direction: column;\n text-align: center;\n gap: 15px;\n }\n \n .connector-section { padding: 30px 22px; }\n .connector-header h2 { font-size: 22px; }\n \n .ports-section, .specs-section, .package-section { padding: 28px 20px; }\n .warranty-card { padding: 24px 20px; }\n }\n\n @media (max-width: 480px) {\n .hero-title { font-size: 22px; }\n .hero-features { flex-direction: column; align-items: center; }\n .hero-feature { width: 100%; max-width: 150px; }\n \n .features-grid { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cspan class=\"hero-badge\"\u003e🔌 4-Port USB Hub\u003c\/span\u003e\n \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eUltra Fast\u003c\/span\u003e USB Hub with 2-in-1 Connector\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eUSB 3.0 5Gbps + 3× USB 2.0 • USB-A \u0026amp; USB-C Compatible • Aluminium\u003c\/p\u003e\n \u003cdiv class=\"hero-features\"\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value gradient\"\u003e5Gbps\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eUSB 3.0\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003ePorts\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e2-in-1\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eConnector\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-feature\"\u003e\n \u003cdiv class=\"hero-feature-value\"\u003e0.2m\u003c\/div\u003e\n \u003cdiv class=\"hero-feature-label\"\u003eCable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Speed Banner --\u003e\n \u003cdiv class=\"speed-banner\"\u003e\n \u003cspan class=\"speed-badge\"\u003e10×\u003c\/span\u003e\n \u003cdiv class=\"speed-text\"\u003e\n \u003ch3\u003e10 Times Faster Than USB 2.0\u003c\/h3\u003e\n \u003cp\u003eTransfer large files in seconds with USB 3.0 SuperSpeed technology\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2-in-1 Connector Section --\u003e\n \u003cdiv class=\"connector-section\"\u003e\n \u003cdiv class=\"connector-header\"\u003e\n \u003ch2\u003e2-in-1 Universal Connector\u003c\/h2\u003e\n \u003cp\u003eWorks with both USB-A and USB-C devices — no adapters needed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"connector-grid\"\u003e\n \u003cdiv class=\"connector-card\"\u003e\n \u003cdiv class=\"connector-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"connector-name\"\u003eUSB-A\u003c\/h3\u003e\n \u003cp class=\"connector-desc\"\u003eConnect to traditional USB-A ports on laptops and desktops\u003c\/p\u003e\n \u003cdiv class=\"connector-badge\"\u003e\n \u003cspan\u003eStandard USB\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cspan class=\"plus-sign\"\u003e+\u003c\/span\u003e\n \u003cdiv class=\"connector-card\"\u003e\n \u003cdiv class=\"connector-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"connector-name\"\u003eUSB-C\u003c\/h3\u003e\n \u003cp class=\"connector-desc\"\u003eConnect to modern USB-C ports on new laptops and tablets\u003c\/p\u003e\n \u003cdiv class=\"connector-badge\"\u003e\n \u003cspan\u003eType-C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ports Section --\u003e\n \u003cdiv class=\"ports-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e4 Expansion Ports\u003c\/h2\u003e\n \u003cdiv class=\"ports-grid\"\u003e\n \u003cdiv class=\"port-card featured\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB 3.0\u003c\/h3\u003e\n \u003cdiv class=\"port-speed fast\"\u003e5 Gbps\u003c\/div\u003e\n \u003cp class=\"port-count\"\u003e× 1 Port\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"port-card\"\u003e\n \u003cdiv class=\"port-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"port-name\"\u003eUSB 2.0\u003c\/h3\u003e\n \u003cdiv class=\"port-speed standard\"\u003e480 Mbps\u003c\/div\u003e\n \u003cp class=\"port-count\"\u003e× 3 Ports\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Grid --\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e5Gbps Speed\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eUSB 3.0 SuperSpeed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔩\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eAluminium\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eUltra-slim case\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eNo drivers needed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003e0.2m Cable\u003c\/h3\u003e\n \u003cp class=\"feature-desc\"\u003eCompact design\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Specifications --\u003e\n \u003cdiv class=\"specs-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eModel\u003c\/span\u003e\n \u003cspan\u003eHUB5C-2IN1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eMaterial\u003c\/span\u003e\n \u003cspan\u003eAluminium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eColour\u003c\/span\u003e\n \u003cspan\u003eGrey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003ePorts\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eUSB 3.0\u003c\/span\u003e\n \u003cspan\u003e× 1 (5 Gbps)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eUSB 2.0\u003c\/span\u003e\n \u003cspan\u003e× 3 (480 Mbps)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eTotal Ports\u003c\/span\u003e\n \u003cspan\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eConnector\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eType\u003c\/span\u003e\n \u003cspan\u003e2-in-1 (A + C)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eCable Length\u003c\/span\u003e\n \u003cspan\u003e0.2m\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-group\"\u003e\n \u003cdiv class=\"spec-group-title\"\u003eFeatures\u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eInstallation\u003c\/span\u003e\n \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan\u003eSpeed Boost\u003c\/span\u003e\n \u003cspan\u003e10× vs USB 2.0\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warranty --\u003e\n \u003cdiv class=\"warranty-section\"\u003e\n \u003cdiv class=\"warranty-card slate\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon slate\"\u003e✓\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"warranty-card gray\"\u003e\n \u003cdiv class=\"warranty-header\"\u003e\n \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Package --\u003e\n \u003cdiv class=\"package-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n \u003cdiv class=\"package-items\"\u003e\n \u003cspan class=\"package-item\"\u003e🔌 1 x 4-Port USB Hub with 2-in-1 Connector\u003c\/span\u003e\n \u003cspan class=\"package-item\"\u003e📄 User Manual\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49364310622553,"sku":null,"price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/FA9D3D0D-44AD-4A9C-8360-29D70FECB7EB.png?v=1727175781"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/collections\/IMG-0326.jpg?v=1747665668","url":"https:\/\/snapcases.co.uk\/collections\/adapter.oembed","provider":"snapcases.co.uk","version":"1.0","type":"link"}