Black Hydra Delta 613C | 2-way Component System
@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); } } EXPERIENCE THE PRECISIONOF SOUND 2-WAY COMPONENT SYSTEM ENGINEERED FOR PURISTS PREMIUM AUDIO RMS POWER 70 WATTS RMS MAX POWER 140 WATTS MAX DESCRIPTION▼ The Black Hydra Delta 613C is not just a speaker system; it is a masterclass in acoustic clarity. Designed for those who refuse to compromise, this 2-way component set delivers a rich, balanced soundstage that brings your music to life with breathtaking detail. Featuring a high-quality paper cone and robust ferrite magnet system, the Delta 613C ensures natural timbre and exceptional control. Whether you are chasing studio-grade accuracy or high-fidelity power, this system is your gateway to the ultimate sonic experience. SPECIFICATIONS▼ Size 6.5" RMS Power 70 W MAX Power 140 W Frequency Response 50 - 21000 Hz Impedance 4 Ohm SPL 91.20 dB Fs 65.00 Hz Qts 0.82 BL 53.37 Vas 20.98 L MANUAL▼ DOWNLOAD MANUALGet the most out of your installation. WHAT MAKES IT LEGENDARY EVERY DETAIL ENGINEERED FOR ABSOLUTE DOMINANCE PAPER CONE Delivers a natural and detailed sonic signature. RIGID BASKET Designed to minimize resonance and distortion. FERRITE MOTOR Powerful energy for tight and controlled performance. PREMIUM TERMINALS Ensuring secure and clean signal transfer. (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); })();
More you might like
Related
Black Hydra Delta 613C | 2-way Component
Related
Women HYDRASTRONG DELTA Snake Black
Related
Black Hydra Delta 513X | 5.2” Coaxial Speakers (Pair)
Related