Machete Lite 60 | 6.5" Mid-Range Speakers (Pair)
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700;900&family=Orbitron:wght@400;700;900&display=swap'); /* Заголовок товара оформляет ТЕМА (.product__t itle), не описание. */ /* Единый центрирующий контейнер промо-контента (одинаковая ширина всех блоков) */ .dbp-root { max-width: 1046px; margin: 0 auto; } @keyframes dbp-pulse { 0%, 100% { opacity: 1; text-shadow: 0 0 10px rgba(132,189,0,0.6), 0 0 30px rgba(132,189,0,0.3), 0 0 60px rgba(132,189,0,0.15); } 50% { opacity: 0.5; text-shadow: 0 0 4px rgba(132,189,0,0.2), 0 0 10px rgba(132,189,0,0.1); } } @keyframes dbp-preorder { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.98); } } @keyframes dbp-glow-pulse { 0%, 100% { text-shadow: 0 0 8px rgba(132,189,0,0.3), 0 0 20px rgba(132,189,0,0.15); transform: scale(1); } 50% { text-shadow: 0 0 20px rgba(132,189,0,0.8), 0 0 50px rgba(132,189,0,0.4), 0 0 80px rgba(132,189,0,0.2); transform: scale(1.03); } } /* Кнопку "в корзину" оформляет ТЕМА (.product__submit__add), не описание. */ /* POWER BLOCKS */ .dbp-power-row { display: flex; gap: 12px; margin-top: 16px; margin-bottom: 24px; max-width: 520px; margin-left: auto; margin-right: auto; } .dbp-power-block { flex: 1; background: #2a2d2e; padding: 14px; text-align: center; } .dbp-power-label { font-family: 'Rajdhani', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #ffffff; margin-bottom: 4px; } .dbp-power-number { font-family: 'Orbitron', sans-serif; font-weight: 900; font-size: clamp(22px, 5vw, 32px); line-height: 1; color: #84BD00; text-shadow: 0 0 12px rgba(132,189,0,0.3); } .dbp-power-unit { font-family: 'Orbitron', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 3px; color: #ccc; margin-top: 3px; } .dbp-eq { display: flex; justify-content: center; align-items: flex-end; gap: 2px; height: 10px; margin-top: 10px; } .dbp-eq-bar { width: 2px; background: #84BD00; border-radius: 1px; animation: dbp-eq-bounce var(--dur) ease-in-out infinite alternate; transform-origin: bottom; } @keyframes dbp-eq-bounce { 0% { height: var(--min); opacity: 0.5; } 100% { height: var(--max); opacity: 1; } } @media (max-width: 600px) { .dbp-power-row { flex-direction: column; } .dbp-power-number { font-size: 32px; } } /* CSS-ONLY АККОРДЕОН */ .dbp-acc { margin-top: 10px; } .dbp-acc details { margin-bottom: 16px; border: 2px solid rgba(132,189,0, 0.3); background: #fff; transition: all 0.3s ease; } .dbp-acc details:hover { border-color: #84BD00; box-shadow: 0 0 20px rgba(132,189,0, 0.15); } .dbp-acc details[open] { border-color: #84BD00; } .dbp-acc summary { padding: 20px 28px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(90deg, rgba(132,189,0, 0.05) 0%, transparent 100%); list-style: none; -webkit-user-select: none; user-select: none; transition: background 0.2s; } .dbp-acc summary::-webkit-details-marker { display: none; } .dbp-acc summary::marker { display: none; content: ''; } .dbp-acc summary:hover { background: linear-gradient(90deg, rgba(132,189,0, 0.1) 0%, transparent 100%); } .dbp-acc summary .dbp-acc-t { font-family: 'Orbitron', sans-serif; font-size: 20px; font-weight: 700; color: #1a1a1a; text-transform: uppercase; letter-spacing: 2px; } .dbp-acc summary .dbp-acc-i { font-size: 20px; color: #84BD00; transition: transform 0.3s; } .dbp-acc details[open] summary .dbp-acc-i { transform: rotate(180deg); } .dbp-acc-body { padding: 28px; border-top: 1px solid rgba(132,189,0, 0.2); font-family: 'Rajdhani', sans-serif; font-size: 16px; line-height: 1.8; color: #333; } .dbp-acc-body table { width: 100%; border-collapse: collapse; font-family: 'Rajdhani', sans-serif; } .dbp-acc-body table tr { border-bottom: 1px solid #eee; opacity: 0; transform: translateY(20px); animation: dbp-fadeUp 0.5s ease-out forwards; } .dbp-acc-body table tr:nth-child(1) { animation-delay: 0.05s; } .dbp-acc-body table tr:nth-child(2) { animation-delay: 0.10s; } .dbp-acc-body table tr:nth-child(3) { animation-delay: 0.15s; } .dbp-acc-body table tr:nth-child(4) { animation-delay: 0.20s; } .dbp-acc-body table tr:nth-child(5) { animation-delay: 0.25s; } .dbp-acc-body table tr:nth-child(6) { animation-delay: 0.30s; } .dbp-acc-body table tr:nth-child(7) { animation-delay: 0.35s; } .dbp-acc-body table tr:nth-child(8) { animation-delay: 0.40s; } .dbp-acc-body table tr:nth-child(9) { animation-delay: 0.45s; } .dbp-acc-body table tr:nth-child(10) { animation-delay: 0.50s; } .dbp-acc-body table tr:nth-child(11) { animation-delay: 0.55s; } .dbp-acc-body table tr:nth-child(12) { animation-delay: 0.60s; } .dbp-acc-body table tr:nth-child(13) { animation-delay: 0.65s; } .dbp-acc-body table tr:nth-child(14) { animation-delay: 0.70s; } .dbp-acc-body table tr:nth-child(15) { animation-delay: 0.75s; } .dbp-acc-body table tr:nth-child(16) { animation-delay: 0.80s; } .dbp-acc-body table tr:nth-child(17) { animation-delay: 0.85s; } .dbp-acc-body table tr:nth-child(18) { animation-delay: 0.90s; } @keyframes dbp-fadeUp { to { opacity: 1; transform: translateY(0); } } .dbp-acc-body table tr:last-child { border-bottom: none; } .dbp-acc-body table td { padding: 14px 8px; font-size: 16px; vertical-align: top; } .dbp-acc-body table td:first-child { font-weight: 600; color: #666; width: 50%; } .dbp-acc-body table td:last-child { color: #1a1a1a; font-weight: 700; text-align: right; } @media (max-width: 768px) { .dbp-acc summary .dbp-acc-t { font-size: 14px; } .dbp-acc summary { padding: 15px 20px; } .dbp-acc-body { padding: 20px; } .dbp-acc-body table td { font-size: 12px; padding: 12px 8px; } } .dbp-coming { text-align: center; padding: 50px 20px; } .dbp-coming-text { font-family: 'Orbitron', sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 4px; color: #84BD00; padding: 20px 0; } .dbp-btn-link { display: inline-block; background: #84BD00; color: #fff; font-family: 'Orbitron',sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; padding: 14px 36px; transition: all 0.3s ease; } .dbp-btn-link:hover { background: #72a400; } .dbp-btn-note { font-family: 'Rajdhani',sans-serif; font-size: 14px; color: #888; margin-top: 12px; } /* HEADING BLOCKS (hero / legendary / amplifier) */ .dbp-section-head { padding: 40px 0; margin-top: 10px; text-align: center; width: 100%; } .dbp-section-title { font-family: 'Orbitron',sans-serif; font-weight: 900; font-size: clamp(22px,4vw,38px); line-height: 1.1; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; } .dbp-section-title .dbp-accent { display: inline-block; color: #84BD00; animation: dbp-glow-pulse 2.5s ease-in-out infinite; } .dbp-section-sub { font-family: 'Rajdhani',sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 6px; text-transform: uppercase; color: #999; margin-top: 12px; } .dbp-section-badge { font-family: 'Orbitron',sans-serif; font-weight: bold; font-size: clamp(12px,2vw,15px); letter-spacing: 8px; text-transform: uppercase; color: #84BD00; margin-top: 20px; animation: dbp-pulse 2s ease-in-out infinite; text-shadow: 0 0 10px rgba(132,189,0,0.6),0 0 30px rgba(132,189,0,0.3),0 0 60px rgba(132,189,0,0.15); } /* HEADER */ .dbp-title-wrap { background: #fff; padding: 20px 0 30px; text-align: center; font-family: sans-serif; } .dbp-title-series { font-family: 'Orbitron',sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 14px; text-transform: uppercase; color: #84BD00; margin-bottom: 10px; } .dbp-title-model { font-family: 'Orbitron',sans-serif; font-weight: 900; font-size: clamp(38px,10vw,64px); line-height: 0.85; letter-spacing: -2px; color: #1a1a1a; text-transform: uppercase; } .dbp-title-model .dbp-accent { color: #84BD00; } .dbp-title-range { font-family: 'Rajdhani',sans-serif; font-weight: bold; font-size: 16px; letter-spacing: 4px; color: #555; margin-top: 8px; } .dbp-title-preorder { font-family: 'Orbitron',sans-serif; font-weight: 900; font-size: clamp(12px,3vw,16px); letter-spacing: 6px; text-transform: uppercase; color: #1a1a1a; margin-top: 12px; animation: dbp-preorder 2s ease-in-out infinite; } /* SHOPIFY ELEMENTS (только при наличии #dbp-title) */ .dbp-page-active .product__price, .dbp-page-active .price, .dbp-page-active .product-single__price, .dbp-page-active [class*="price"]:not(.dbp-floating-cart):not([class*="dbp"]) { font-family: 'Orbitron', sans-serif !important; font-weight: 900 !important; font-size: 28px !important; color: #1a1a1a !important; letter-spacing: 2px !important; } .dbp-page-active select, .dbp-page-active .product-form__input select { font-family: 'Rajdhani', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; color: #1a1a1a !important; border: 2px solid #84BD00 !important; border-radius: 8px !important; padding: 10px 14px !important; background: #fff !important; letter-spacing: 2px !important; text-transform: uppercase !important; } .dbp-page-active label, .dbp-page-active .product-form__label, .dbp-page-active .form__label { font-family: 'Orbitron', sans-serif !important; font-weight: 700 !important; font-size: 11px !important; color: #84BD00 !important; letter-spacing: 3px !important; text-transform: uppercase !important; } .dbp-page-active input[type="number"], .dbp-page-active .quantity__input { font-family: 'Rajdhani', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; border: 2px solid #84BD00 !important; border-radius: 8px !important; text-align: center !important; } @media (max-width: 768px) { .dbp-page-active .product__price, .dbp-page-active .price, .dbp-page-active .product-single__price, .dbp-page-active [class*="price"]:not(.dbp-floating-cart):not([class*="dbp"]) { font-size: 20px !important; } } /* INTERACTIVE FEATURE SECTIONS */ .dbp-sub-section { position: relative; max-width: 1046px; margin: 60px auto 0; overflow: hidden; } .dbp-sub-img { width: 60%; display: block; margin: 0 auto; } .dbp-sub-point { position: absolute; opacity: 0; transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .dbp-sub-point.dbp-left { transform: translateX(-40px); } .dbp-sub-point.dbp-right { transform: translateX(40px); } .dbp-sub-point.dbp-visible { opacity: 1; transform: translateX(0); } .dbp-sub-label { max-width: 200px; background: rgba(255,255,255,0.92); padding: 10px 14px; border-left: 3px solid #84BD00; box-shadow: 0 2px 12px rgba(0,0,0,0.1); } .dbp-sub-title { font-family: 'Orbitron', sans-serif; font-size: 10px; font-weight: 700; color: #84BD00; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 4px; } .dbp-sub-desc { font-family: 'Rajdhani', sans-serif; font-size: 13px; font-weight: 600; color: #333; line-height: 1.4; } .dbp-sub-line { position: absolute; height: 3px; background: #84BD00; transform-origin: left center; transform: scaleX(0); transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 2px; box-shadow: 0 0 8px rgba(132,189,0,0.4); } .dbp-sub-line.dbp-line-right { transform-origin: right center; } .dbp-sub-point.dbp-visible .dbp-sub-line { transform: scaleX(1); } .dbp-sub-dot { width: 10px; height: 10px; background: #84BD00; border-radius: 50%; position: absolute; box-shadow: 0 0 10px rgba(132,189,0,0.6); opacity: 0; transition: opacity 0.3s 0.5s; animation: dbp-dot-pulse 1.5s ease-in-out infinite; } .dbp-sub-point.dbp-visible .dbp-sub-dot { opacity: 1; } @keyframes dbp-dot-pulse { 0%, 100% { box-shadow: 0 0 6px rgba(132,189,0,0.4); transform: scale(1); } 50% { box-shadow: 0 0 20px rgba(132,189,0,1), 0 0 40px rgba(132,189,0,0.5); transform: scale(1.4); } } @keyframes dbp-spin { 0% { transform: rotate(-15deg); } 50% { transform: rotate(15deg); } 100% { transform: rotate(-15deg); } } .dbp-sub-spin { animation: dbp-spin 6s ease-in-out infinite; } .dbp-sub-label.dbp-label-right { border-left: none; border-right: 3px solid #84BD00; text-align: right; } @media (max-width: 768px) { .dbp-sub-img { width: 50%; } .dbp-sub-label { max-width: 95px; padding: 5px 6px; } .dbp-sub-title { font-size: 6px; letter-spacing: 0.3px; margin-bottom: 2px; } .dbp-sub-desc { font-size: 8px; line-height: 1.2; } .dbp-sub-line { display: none !important; } .dbp-sub-dot { display: none !important; } .dbp-sub-point.dbp-left { left: 1% !important; } .dbp-sub-point.dbp-right { right: 1% !important; } } /* AMPLIFIER HOTSPOTS */ @keyframes dbp-hotspot { 0% { transform: translate(-50%,-50%) scale(0.5); opacity: 1; } 100% { transform: translate(-50%,-50%) scale(1.5); opacity: 0; } } .dbp-hotspot-wrap { position: absolute; width: 144px; height: 144px; transform: translate(-50%,-50%); z-index: 2; cursor: pointer; } .dbp-hotspot-dot { position: absolute; top: 50%; left: 50%; width: 55px; height: 55px; background: #84BD00; border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 24px rgba(132,189,0,0.8); z-index: 2; transition: all 0.3s; } .dbp-hotspot-ring { position: absolute; top: 50%; left: 50%; width: 132px; height: 132px; border: 3px solid #84BD00; border-radius: 50%; transform: translate(-50%,-50%); animation: dbp-hotspot 2s ease-out infinite; z-index: 1; } .dbp-hotspot-wrap:hover .dbp-hotspot-dot { background: #72a400; transform: translate(-50%,-50%) scale(1.1); } .dbp-hotspot-popup { position: absolute; bottom: 75px; left: 50%; transform: translateX(-50%) translateY(10px); background: #2a2d2e; padding: 14px 20px; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 10; text-align: center; border: 2px solid #84BD00; } .dbp-hotspot-popup::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 10px solid transparent; border-top-color: #84BD00; } .dbp-hotspot-wrap:hover .dbp-hotspot-popup, .dbp-hotspot-wrap:active .dbp-hotspot-popup { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .dbp-hotspot-name { font-family: 'Orbitron', sans-serif; font-size: 13px; font-weight: 700; color: #84BD00; letter-spacing: 1px; margin-bottom: 10px; } .dbp-hotspot-btn { display: inline-block; background: #84BD00; color: #fff; font-family: 'Orbitron', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-decoration: none; padding: 8px 18px; transition: all 0.3s; } .dbp-hotspot-btn:hover { background: #72a400; } .dbp-hotspot-btn .dbp-arrow { display: inline-block; animation: dbp-arrow-move 1s ease-in-out infinite; } @keyframes dbp-arrow-move { 0%,100% { transform: translateX(0); } 50% { transform: translateX(6px); } } UPGRADE YOUR SOUND WITH MACHETEPERFORMANCE PRECISION ENGINEERED 6.5" MID-RANGE POWER BEST SELLER RMS POWER 80 WATTS RMS MAX POWER 160 WATTS MAX DESCRIPTION▼ Experience the perfect balance of clarity and volume with the Machete Lite 60. Engineered for enthusiasts who demand premium sound without compromise, these 6.5" mid-range drivers bring professional-grade audio to your daily drive. Featuring a high-efficiency paper cone and a durable ferrite magnet, the Lite 60 delivers crisp, natural vocals and punchy mid-range response. Designed for longevity and performance, it’s the ultimate upgrade for any serious car audio system. SPECIFICATIONS▼ Size 6.5" RMS Power 80 W MAX Power 160 W Frequency Response 90–17,000 Hz Voice Coil 1.00 inch Impedance 4 Ohm Sensitivity 92.7 dB Fs 86.00 Hz WHAT MAKES IT LEGENDARY EVERY DETAIL ENGINEERED FOR ABSOLUTE DOMINANCE PAPER CONE Lightweight construction for fast, accurate transient response. CLOTH SURROUND Ensures high excursion and long-lasting durability. FERRITE MAGNET High-density motor structure for superior control. STEEL FRAME Rigid chassis design to eliminate unwanted resonances. (function() { // Появление аннотаций при скролле секций var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { var points = entry.target.querySelectorAll('.dbp-sub-point'); if (entry.isIntersecting) { points.forEach(function(p, i) { setTimeout(function() { p.classList.add('dbp-visible'); }, i * 600); }); } else { points.forEach(function(p) { p.classList.remove('dbp-visible'); }); } }); }, { threshold: 0.2 }); function initObs() { document.querySelectorAll('.dbp-sub-section').forEach(function(el) { observer.observe(el); }); } if (document.readyState === 'complete') initObs(); else window.addEventListener('load', initObs); setTimeout(initObs, 1000); })();
