2-in-1 Car Window Hammer Breaker & Seatbelt Cutter with Compact Dual-Head Design Car Accessories

????Tesla????Ford????ToyotaAcuraAudiBMWBuickCadillacChevy/ChevroletDodgeGMCHondaHyundaiInfinitiJaguarJeepKiaLand Rover / Range RoverLexusLincolnMazdaMercedes-BenzNissanRamRivianPorscheSubaruVolkswagenVolvo

/* ------------------------------------- 移动端/平板端 (< 1150px) 强制隐藏 ------------------------------------- */ @media screen and (max-width: 1149px) { .mega-menu-custom-wrapper { display: none !important; } } /* ------------------------------------- PC 端 (>= 1150px) 定制图文排版 ------------------------------------- */ @media screen and (min-width: 1150px) { .mega-menu-custom-wrapper { position: absolute; top: 100%; left: 0; width: 100%; background-color: #000000; color: #ffffff; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease-in-out; z-index: 99; border-top: 1px solid #222; box-shadow: 0 15px 35px rgba(0,0,0,0.6); } details[open] .mega-menu-custom-wrapper, details:hover .mega-menu-custom-wrapper { opacity: 1; visibility: visible; transform: translateY(0); } /* 整体容器设置为 flex，形成左中右布局 */ .mega-menu-custom-container { display: flex; max-width: var(--page-width); margin: 0 auto; min-height: 420px; padding-left: 50px; } /* --- 1. 左侧：二级导航列表 (Sidebar) --- */ .mega-menu-sidebar { width: 250px; flex-shrink: 0; background-color: #000000; border-right: 1px solid #222; padding: 30px 0; display: flex; flex-direction: column; } .mega-menu-sidebar-item { padding: 12px 30px; font-size: 15px; color: #aaaaaa; cursor: pointer; transition: all 0.2s ease; position: relative; font-weight: 500; } .mega-menu-sidebar-item:hover { color: #ffffff; background-color: #111111; } .mega-menu-sidebar-item.is-active { color: #ffffff; background-color: #1a1a1a; font-weight: 700; } .mega-menu-sidebar-item.is-active::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #f8c02e; /* 侧边栏高亮条 */ } /* --- 2. 中间：三级导航图文区 (Content Area) --- */ .mega-menu-content-area { flex: 1; padding: 30px 40px; background-color: #050505; position: relative; max-height: 80vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #444 #050505; } .mega-menu-content-area::-webkit-scrollbar { width: 6px; } .mega-menu-content-area::-webkit-scrollbar-thumb { background-color: #444; border-radius: 3px; } .mega-menu-content-group { display: none; animation: fadeIn 0.3s ease; } .mega-menu-content-group.is-active { display: block; } .mega-menu-content-header { font-size: 18px; font-weight: 700; margin-bottom: 25px; color: #ffffff; border-bottom: 1px solid #222; padding-bottom: 10px; } .mega-menu-content-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 30px 20px; } .mega-menu-content-item { display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; } .mega-menu-content-img-box { width: 100%; aspect-ratio: 1 / 1; background-color: #ffffff; border-radius: 6px; overflow: hidden; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; padding: 0px; } .mega-menu-content-img-box img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.3s ease; } .mega-menu-content-item:hover .mega-menu-content-img-box img { transform: scale(1.08); } .mega-menu-content-title { font-size: 13px; font-weight: 600; color: #dddddd; line-height: 1.4; transition: color 0.2s ease; } .mega-menu-content-item:hover .mega-menu-content-title { color: #f8c02e; } /* --- 3. 右侧：全局促销图 (Promo Column) --- */ .mega-menu-promos { width: 300px; flex-shrink: 0; background-color: #1a1a1a; border-left: 1px solid #222; padding: 40px 30px 30px; display: flex; flex-direction: column; gap: 24px; overflow: hidden; } .mega-menu-promo-item { display: block; text-decoration: none; position: relative; flex: 1 1 0; min-height: 0; } .mega-menu-promo-img { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background-color: #1a1a1a; display: flex; justify-content: center; align-items: center; } .mega-menu-promo-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; } .mega-menu-promo-item:hover .mega-menu-promo-img img { transform: scale(1.05); } /* 浮动在图片底部的标题样式，类似截图里的阴影白字 */ .mega-menu-promo-heading { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 15px 15px; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); font-size: 18px; font-weight: 800; color: #ffffff; text-transform: uppercase; letter-spacing: 0.5px; pointer-events: none; /* 让文字不影响图片点击 */ } @keyframes fadeIn { from { opacity: 0; transform: translateX(-5px); } to { opacity: 1; transform: translateX(0); } } } Tesla AccessoriesInterior Comfort & StorageExterior ProtectionCar Care & DetailingDriving Tech & Dash CamsTesla AccessoriesDoor Sill Protector-Model Y JuniperDoor Sill Protector-Model 3 HighlandCar Seat CoverGlass Screen ProtectorFoldable Car SunshadeDoor Side Pocket Organizer-Model Y JuniperDoor Side Pocket Organizer-Model 3 HighlandSeat Track CoversMagnetic Under Screen Storage BoxCar Folding MattressRear Center Console ProtectorAir Vent FreshenerCenter Console Air FreshenerInterior Comfort & StorageDog Car Rear Seat CoverDog Car Front Seat CoverBaby Seat Car Seat ProtectorCar Neck Pillow & Lumbar Pillow2-in-1 Window Hammer BreakerPortable Cooling Backpack3W 50.5L Folding Storage Box3W 36L Folding Storage BoxExterior ProtectionWindshield SunshadeRain GuardsWindshield Snow CoverCar Care & DetailingPremium Scented SachetCar Brush SetHanging Car Air FreshenerDriving Tech & Dash CamsCompressed Air DusterEV Charger 40 AmpEV Charger 50 AmpJump StarterTire Inflator3" Off-Road LED Pod Lights5" Off-Road LED Pod Lights7" Off-Road LED Pod LightsDoor Sill ProtectorWindshield Sun Shade JS: 处理左侧悬停，切换中间显示 document.addEventListener('DOMContentLoaded', function() { const customWrappers = document.querySelectorAll('.mega-menu-custom-wrapper'); function setContentAreaMaxHeight(wrapper) { const contentArea = wrapper.querySelector('.mega-menu-content-area'); if (!contentArea) return; const rect = contentArea.getBoundingClientRect(); const available = window.innerHeight - rect.top - 16; contentArea.style.maxHeight = Math.max(available, 200) + 'px'; } customWrappers.forEach(wrapper => { const detailsEl = wrapper.closest('details'); const sidebarItems = wrapper.querySelectorAll('.mega-menu-sidebar-item'); const contentGroups = wrapper.querySelectorAll('.mega-menu-content-group'); if (detailsEl) { detailsEl.addEventListener('mouseenter', function() { setContentAreaMaxHeight(wrapper); }); } sidebarItems.forEach(item => { item.addEventListener('mouseenter', function() { const targetIndex = this.getAttribute('data-index'); // 移除所有 active sidebarItems.forEach(el => el.classList.remove('is-active')); contentGroups.forEach(el => el.classList.remove('is-active')); // 激活当前项 this.classList.add('is-active'); const targetContent = wrapper.querySelector(`.mega-menu-content-group[data-content-index="${targetIndex}"]`); if (targetContent) { targetContent.classList.add('is-active'); } }); }); }); window.addEventListener('resize', function() { customWrappers.forEach(setContentAreaMaxHeight); }); });

My AccountGift Card2%Off$100 Gift Card for $982%Off$200 Gift Card for $1962%Off$300 Gift Card for $2942%Off$500 Gift Card for $4902%Off$1000 Gift Card for $9802%OffMy RewardsGiftEveryday Creators ProgramTrack My OrderContact UsAbout UsAbout Xcotton Shipping ProtectionFAQ

$100 Gift Card for $982%Off$200 Gift Card for $1962%Off$300 Gift Card for $2942%Off$500 Gift Card for $4902%Off$1000 Gift Card for $9802%Off

Door Sill Protector-Model Y JuniperDoor Sill Protector-Model 3 HighlandCar Seat CoverGlass Screen ProtectorFoldable Car SunshadeDoor Side Pocket Organizer-Model Y JuniperDoor Side Pocket Organizer-Model 3 HighlandSeat Track CoversMagnetic Under Screen Storage BoxCar Folding MattressRear Center Console ProtectorAir Vent FreshenerCenter Console Air Freshener

Dog Car Rear Seat CoverDog Car Front Seat CoverBaby Seat Car Seat ProtectorCar Neck Pillow & Lumbar Pillow2-in-1 Window Hammer BreakerPortable Cooling Backpack3W 50.5L Folding Storage Box3W 36L Folding Storage Box

Windshield SunshadeRain GuardsWindshield Snow Cover

Premium Scented SachetCar Brush SetHanging Car Air Freshener

Compressed Air DusterEV Charger 40 AmpEV Charger 50 AmpJump StarterTire Inflator3" Off-Road LED Pod Lights5" Off-Road LED Pod Lights7" Off-Road LED Pod Lights

2-in-1 Design for Comprehensive RescueThis all-in-one emergency tool combines awindow hammerand aseatbelt cutter. It tackles the two primary obstacles in a vehicle emergency with a single device, significantly increasing your chances of a swift and successful escape.Dual-Force Impact, Zero Effort RequiredTwo powerful hard alloy double-head hammer work in sync to shatter tempered glassinstantly. lts fully sealed, push-to-activate safety desian makes it completely safe for alages to use with ease.Razor-Sharp & Safe Cutter for Instant UseEquipped with aprecision stainless-steel blade, the cutter slices through jammed seat belts effortlessly and safely in seconds. Its thoughtful design ensures maximum efficiency during a crisis while minimizing the risk of accidental cuts.Effortless & Discreet Safety:A low-profile window breaker with a strong magnetic base. Install it securely on your steering column, console, or door panel for always-accessible protection that complements your interior.