✦ Verified product
Eclipse Multikit
EUR 29.71
ProdMoon
Verified independent store
→
A complete sound collection for producers creating melodic, atmospheric and dark trap. Explore two distinct sound worlds — Halo and Void — plus a custom drum kit designed to comple
ment both. 100% Royalty-Free ▶ Preview /* ========================= MAIN WRAPPER ========================= */ .eclipse-product-info { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0; padding: 0; } /* ========================= INTRO ========================= */ .eclipse-intro { width: 100%; max-width: 100%; margin: 0; padding: 0; box-sizing: border-box; } /* ========================= MAIN TEXT ========================= */ .eclipse-intro-main { width: 100%; max-width: 620px; margin: 0; padding: 0; color: rgba(255, 255, 255, 0.88); font-size: 16px; line-height: 1.65; font-weight: 400; overflow-wrap: break-word; } /* ========================= SECONDARY TEXT ========================= */ .eclipse-intro-secondary { width: 100%; max-width: 620px; margin: 12px 0 0 0; padding: 0; color: rgba(255, 255, 255, 0.46); font-size: 13px; line-height: 1.6; font-weight: 400; overflow-wrap: break-word; } /* ========================= ACTIONS ========================= */ .eclipse-actions { width: 100%; display: flex; align-items: stretch; gap: 10px; margin-top: 24px; } /* ========================= BADGE + PREVIEW ========================= */ .eclipse-badge, .eclipse-preview-btn { min-width: 0; min-height: 52px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 0 16px; font-size: 10px; line-height: 1; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; } /* ========================= ROYALTY-FREE BADGE ========================= */ .eclipse-badge { flex: 1 1 50%; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.35); background: transparent; } /* ========================= PREVIEW BUTTON ========================= */ .eclipse-preview-btn { flex: 1 1 50%; color: #000000 !important; background: #ffffff; border: 1px solid #ffffff; text-decoration: none !important; transition: opacity 0.2s ease, transform 0.2s ease; } .eclipse-preview-btn:hover { opacity: 0.84; transform: translateY(-1px); } /* ========================= TABLET ========================= */ @media screen and (max-width: 1100px) { .eclipse-intro-main { font-size: 15px; } .eclipse-badge, .eclipse-preview-btn { padding-left: 12px; padding-right: 12px; font-size: 9px; } } /* ========================= MOBILE ========================= */ @media screen and (max-width: 749px) { .eclipse-intro-main { max-width: 100%; font-size: 15px; line-height: 1.6; } .eclipse-intro-secondary { max-width: 100%; margin-top: 10px; font-size: 12px; line-height: 1.55; } .eclipse-actions { flex-direction: column; gap: 10px; margin-top: 20px; } .eclipse-badge, .eclipse-preview-btn { width: 100%; flex: none; min-height: 50px; font-size: 10px; } } /* ========================= VERY SMALL MOBILE ========================= */ @media screen and (max-width: 420px) { .eclipse-intro-main { font-size: 14px; } .eclipse-intro-secondary { font-size: 11px; } }
